https://github.com/rajdip-b/weather-website

This is a simple weather app that uses the OpenWeather API to display the current weather city that the user searches for.
https://github.com/rajdip-b/weather-website

axios momentjs nextjs reactjs weather-app

Last synced: 6 days ago
JSON representation

This is a simple weather app that uses the OpenWeather API to display the current weather city that the user searches for.

• Host: GitHub
• URL: https://github.com/rajdip-b/weather-website
• Owner: rajdip-b
• Created: 2023-10-05T13:52:43.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-10-05T15:02:51.000Z (over 1 year ago)
• Last Synced: 2023-10-05T15:43:24.616Z (over 1 year ago)
• Topics: axios, momentjs, nextjs, reactjs, weather-app
• Language: TypeScript
• Homepage: https://weather-app.rajdip.dev/
• Size: 4.08 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Weather App

## Description

This is a simple weather app that uses the OpenWeather API to display the current weather city that the user searches

for.

![Landing](./.blob/landing.png)

![Weather Data](./.blob/weather.png)

## Getting Started

- Clone the repository:

    ```bash

  git clone https://github.com/rajdip-b/weather-website

    ```

- Install dependencies:

    ```bash

    npm install

    ```

- Create your account on [OpenWeather](https://openweathermap.org/) and get your API key.

- Make an environmental variable named `NEXT_PUBLIC_WEATHER_API_KEY` and set it to your API key.

- Run the development server:

    ```bash

    npm run dev

    ```

- Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

## Built With

- [Next.js](https://nextjs.org/)

- [Tailwind CSS](https://tailwindcss.com/)

- [OpenWeather API](https://openweathermap.org/)

- [Material Icons](https://material-ui.com/components/material-icons/)

- [Moment.js](https://momentjs.com/)

- [Axios](https://axios-http.com/)