Our Project is now live: NexaView
Please consider donating some money to our organization to help fund this project:
This Program Is CPU-Intensive Please Make Sure That You're Using A Mid To High Range PC.
ATTENTION : This codebase has been updated in-line with Project-WrapSpeed (Upgrading of Infrasturcture and Services) for users wishing to go back to the Vanilla Js version head to: Commit 0b9d90
- What's New?
- Introduction to NexaView
- Running NexaView On Your Computer
- What APIs Does NexaView Use?
- How Firebase Handles Your Data?
- Other Functions Available
- Issues
- Support Us
- License
Here at Temavrix we are committed in keeping NexaView up-to-date and up-to-speed with the growing tech solutions, services and algorithms. Hence this new commit includes:
NexaView Changelogs:-
ANNOUNCEMENT:-
For the project's future: Our resources at Temavrix are diverted
to other new projects so NexaView will be recieving updates less
often.
QUALITY UPDATE:-
1. REDIS Updates:-
1.1 With the successful implementation of Redis under project WrapSpeed
we have now expanded it to store stock prices.
2. New Calander Page:-
2.1 A new page which has a calander to help visualize tasks respective
to it's completed date that its done on.
2.2 Ability to add new tasks and mark them completed if done.
2.3 Added extra fields in dataset when storing in firebase.
3. New Features, Lesser Error Displays:-
3.1 A new map to display wind direction is now available in the Main
dashboard powered by Windy.
3.2 Modify weather fetching logic to default to Singapore if no city is
provided which removes "no city provided" error for first-timers.
3.3 New random background images to help users who have not registered
to unsplash have more background choices and also now we have removed
error pertaining to "no unsplash api" error for first-timers.
4. Donations And Support :3
4.1 Added a new "BuyMeACoffee" button in our "About-us" page and README.md pages
which will help us to maintain our services and products.
5. UI/UX Improvements:-
5.1 Improved styling and responsiveness across various components.
5.2 Improved Messaging, Signalling and Redirecting.
NOTE: README.md Will be updated in the next update
Code Checks Manifest:-
All Checks Status: ✅
-----------------------------------------
UX (User Experience) Checks: ✅
BackEnd Code-FrontEnd UI Integration Checks: ✅
(All evaluations are done by the R&D Department)
Last Updated: 31-December-2025 18:55 HRS (Singapore Standard Time)
Publisher: Temavrix
Keep up-to-date with what's happening on this repository by clicking the 'Star' and 'Watch' button on the top right corner of this repository.
NexaView is an all-in-one web-based Dashboard to get essential day-to-day information such as current weather, weather forecast, global news headlines, store To-do tasks and more for users.
This product is built primarily using React JS as the frontend framework, Redis for caching data and Firebase as the backend database to store and retrieve user's information.
NexaView can be exectued on you localhost by installing node.js and after initializing npm, Head to pages sub-folder
>>> cd NexaView
Then run the following command in you command line to start your localhost server.
>>> npm run dev
Once the command is executed you will get the following output. You will need to go to the localhost link (here is is http://localhost:5173/) or you can press ctrl + click on the link.
npm run dev
> package.json@0.0.0 dev
> vite --host
VITE v6.3.6 ready in 497 ms
➜ Local: http://localhost:5173/
➜ Network: http://192.***.1.5:5173/
➜ press h + enter to show help
Now you can enjoy using the web-app.
Upon opening, by default you can get Weather, Weather Forecast info, News Headlines thanks to Redis caching and also track To-Do tasks in Firebase hence it is best to activate an API to get Curated news and Live changing Background Wallpaper (If you mind about the lack of wallpapers).
Users could copy the API key and paste it in the respective input-bars present in the settings page (accessible through the taskbar on the left side).
Nexaview uses mainly these Apis to help improve User's experience :
-
https://openweathermap.org/ : If not stored in Redis previously then NexaView uses this to get current weather information and weather forecast for your city and display in WeatherCard.
-
https://gnews.io/ : If not stored in Redis previously then NexaView uses this to get current news headlines for your country (chosen in the drop-down list) and display it for you in the NewsCard.
-
https://unsplash.com/developers : For NexaView to get a random background image which is based on your city.
Users should then copy the API key and paste it in the respective input-bars present in the settings page (accessible through the taskbar on the left side).
Apart from APIs to retreive information NexaView also comes with some more functionalities for users to use:-
-
Tasks-Tracker:
NexaView allows you to track tasks which will be stored in FireBase to prevent erasure of tasks if you exit or if you had reloaded the page.
-
Calender:
NexaView has an in-built calander.
-
Latest Natural Disasters:
You can visualize recent natural disasters with the help of a globe.
-
Current Stock-Price Viewer
In NexaView only your Api-keys and your To-Do tasks are saved in the database for easy retrieval. All these information are saved under the E-Mail address or Google Gmail address or Github Authentication which can be used for registering in the login page at the start.
NOTE: For users who have logged in using Github and want to unlink their account you can head to Authorized-OAuth-Apps to revoke the app.
Once users had registered their Apikeys in the settings page then the user's To-Do will be stored in Firestore database as shown below.
For Devs who want to have a private database without storing your info on our databases you can go to Firebase and create a project followed by adding an app.
Then copy the Api keys and other Project keys provided once successful registeration of the app and paste it in the .env file
VITE_API_KEY={your api key}
VITE_AUTH_DOMAIN={your auth domain}
VITE_PROJECT_ID={your project id}
VITE_STORAGE_BUCKET={your storage bucket}
VITE_MESSAGING_SENDER_ID={your sender id}
VITE_APP_ID={your app id}
Enter the following code snippet in your "Rules" section of the Firestore Database.
service cloud.firestore {
match /databases/{database}/documents {
match /users/{userId}/{document=**} {
allow read, write: if request.auth != null && request.auth.uid == userId;
}
}
}
As this project is still in constant development, if you run into any issues while operating or have any suggestions or features, please feel free to drop by our issues section and open a issue and we'll respond within 2-4 working days, Thank you for your understanding.
Please consider donating some money to our organization to help fund this project:
Or you can also support us in our web-app:
IMPORTANT NOTE: Any User who are willing to Share or Re-Distribute NexaView are kindly advised to:
-
A reference to us by keeping a "(C) Temavrix" text in the 'Modified program'.
-
A link to this repository from the user's 'Modified program' README file.
This will be helpful for us as users will know it's original source and about our startup.
Please also refer to LICENSE file for clarifications.
Thank you for your kind co-operation :-)
NexaView Copyright (C) Temavrix 2026
All Rights Reserved
Version 4.0