NexaView

Current Status :

An All In One Web based Dashboard For News, Weathers and More...

Our Project is now live: NexaView

Built With: + + +

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

Desktop:

Mobile:

Table Of Contents

• What's New?
• Introduction to NexaView
• Running NexaView On Your Computer
• What APIs Does NexaView Use?
  • Where Do I Paste The APIs?
• How Firebase Handles Your Data?
  • Private Firebase Database For Devs
• Other Functions Available
• Issues
• License

What's New?

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:

ANNOUNCEMENT:- 
For the project's future: Our resources at Temavrix are diverted
to other new projects so NexaView will be recieving updates less 
often.

We are planning to add more UI/UX changes and soon a page to make Donations 
to help with our organisation's fundings.

NexaView Changelogs:-

QUALITY UPDATE:-

1. Typescript Support:-
1.1 Updated several files to Typescript under project WrapSpeed.

2. REDIS Updates:-
2.1 With the Successful implementation of Redis under project WrapSpeed 
    for News Headlines we have expanded it to now help users get 
    Current Weather and Forecast 
2.2 Removed the need for users to register for GNewsAPI and 
    OpenWeatherApi.

3. Multi-Factor Authentication:-
3.1 Added the option for users to Authenticate using 
    their Google account to sign up and login.
3.2 Added the option for users to Authenticate using 
    their Github account to sign up and login.
3.2 Improved Sign-up and Login page.

4. UI/UX Changes:-
4.1 Improved styling and responsiveness across various components.
4.2 Improved Messaging, Signalling and Redirecting.
4.3 New About-Us page!!!

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: 13-Novemeber-2025 19:50 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.

Introducing NexaView

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.

Running NexaView On Your Local Computer

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.

What APIs Does NexaView Use?

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).

Main NexaView Features

Nexaview uses mainly these Apis to help improve User's experience :

1. 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.
   

2. 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.
   

3. https://unsplash.com/developers : For NexaView to get a random background image which is based on your city.

   Where Do I Paste The APIs?

   

   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).

Other Functions Available

Apart from APIs to retreive information NexaView also comes with some more functionalities for users to use:-

1. 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.
   

2. Calender:
   NexaView has an in-built calander.
   

3. Latest Natural Disasters:
   You can visualize recent natural disasters with the help of a globe.
   

4. Current Stock-Price Viewer

How Your Data Is Handled With Firebase?

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 Firebase Database

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;
      }
   }
}

Issues

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.

License

IMPORTANT NOTE: Any User who are willing to Share or Re-Distribute NexaView are kindly advised to:

1. A reference to us by keeping a "(C) Temavrix" text in the 'Modified program'.

2. 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 2025
All Rights Reserved

Version 3.8.2