Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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
- Host: GitHub
- URL: https://github.com/aashish47/weather-app
- Owner: aashish47
- Created: 2024-05-30T16:07:49.000Z (6 months ago)
- Default Branch: master
- Last Pushed: 2024-06-14T08:46:38.000Z (5 months ago)
- Last Synced: 2024-06-14T10:03:17.647Z (5 months ago)
- Topics: google-weather-icons, nextjs, recharts, tailwind, typescript, weather
- Language: TypeScript
- Homepage: https://weather-seven-fawn.vercel.app
- Size: 1.38 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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.