Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/aashish47/weather-app

Weather app using Nextjs and Tailwind
https://github.com/aashish47/weather-app

google-weather-icons nextjs recharts tailwind typescript weather

Last synced: 7 days ago
JSON representation

Weather app using Nextjs and Tailwind

Awesome Lists containing this project

README

        

# Weather App

Get real-time weather information for any location worldwide.

![weather-seven-fawn](https://github.com/aashish47/weather-app/assets/134308022/f40d8f0c-e56b-4388-8892-4a4b75c80dd0)
![Microsoft​ Edge 12 Jun 2024 9_55_08 pm](https://github.com/aashish47/weather-app/assets/134308022/ec1bda49-ab57-4555-9f52-a44ac4479901)

## Technologies Used

- Typescript: A language that adds static typing to JavaScript and compiles down to JavaScript.
- Nextjs: React framework for building server-side rendered React applications.
- Recharts: A composable charting library built on React components.
- Tailwind: A utility-first CSS framework for rapidly building custom designs.
- Open-Meteo: External API used to fetch weather data.

## Installation

### Prerequisites

Before you begin, ensure you have met the following requirements:

- **Node.js**: Version 20.11.1 (Download and install [Node.js](https://nodejs.org/) if you haven't already)

### Clone the repository

```bash
git clone https://github.com/aashish47/weather-app.git
```

### Install dependencies

```bash
# Install dependencies
cd weather-app
npm install

```

### Run the application

```bash
# Run
cd weather-app
npm run dev
```
Open `http://localhost:3000` with your browser to see the result.

## Contribution

Contributions to Finance Tracker are welcome! If you find any bugs or have suggestions for new features, please open an issue or submit a pull request. See [CONTRIBUTING.md](CONTRIBUTING.md) for more information.

## License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.