A website that gets the current weather aswell as the weather forecast, wind, sunrise and sunset times aswell as the UV index and humidity of a selected city, using APIs that are consumed.
Access my project here
As the SSR gaining as much traction as they ever have, I wanted to build this project to take advantage of this, and learn Next.js aswell as Chakra-UI, which is a very customizable CSS component library.
Also this was a very good chance to learn Next-Auth since I have heard very good reviews about it, this plus Chart.js were very fruitful additions to the project.
Next.js, React, Chakra-UI, Next-Auth and Chart.js
Openweathermap , OpenUV, Google Places API and OpenCage API
Clone down this repository. You will need node and npm installed globally on your machine.
Installation:
npm install
To Start Server:
npm run dev
Signup with Email, Github or Google, to be redirected to the homepage
You can signin with there credentials:
email: [email protected]
password: test
Tadaaa, It should be up and running now!🎉🎉
- I would like to experiment with
React-QueryorZustandin the future, but due to the size of the project, incorporating either would be too overkill for the project - The design part isn't the focus of this project but nonetheless, having a clearer design in the future would really help me and save me more time, instead of me just using my imagination✨
- Experiment with Next.js's cool stuff!