This is a weather app that shows you the current weather as well as the weather forecast for the upcoming 5 days. The app is built using ReactJS and NextJS, and makes use of the OpenWeatherMap API for fetching weather data.
- Uses the useSWR hook for data fetching
- Shows a nice graph of today's weather data using nivo
- Uses luxon for formatting dates and times
- Hosted on Vercel
- Built with TypeScript for type checking
- Uses icons from Iconscout
- All styling is done using Tailwind CSS
To get started with this project, you will need to have the following prerequisites installed:
Once you have these prerequisites installed, you can clone the repository and install the dependencies by running the following commands:
git clone https://github.com/adienox/cloudwise.git
cd cloudwise
yarn install
Next, you will need to get an API key from OpenWeatherMap. Once you have your API key, create a file called .env.local in the root of the project and add the following line:
API_KEY=your-api-key
Replace your-api-key with the actual API key you received from OpenWeatherMap.
Finally, you can start the development server by running the following command:
yarn dev
This will start the development server at http://localhost:3000. You can now make changes to the code and the app will automatically reload in the browser.
To deploy the app to Vercel, you will need to create a Vercel account and connect your GitHub repository. Once you have done this, you can simply push your changes to the main branch of your repository and Vercel will automatically build and deploy your app.