Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/adeebkhan25/weatherapp

A responsive React application to search and display current weather information by city. Built with modern JavaScript and Tailwind CSS.
https://github.com/adeebkhan25/weatherapp

api javascript nodejs react tailwindcss

Last synced: 2 days ago
JSON representation

A responsive React application to search and display current weather information by city. Built with modern JavaScript and Tailwind CSS.

Host: GitHub
URL: https://github.com/adeebkhan25/weatherapp
Owner: AdeebKhan25
Created: 2024-07-01T17:03:59.000Z (5 months ago)
Default Branch: main
Last Pushed: 2024-08-25T17:59:56.000Z (3 months ago)
Last Synced: 2024-08-26T18:04:48.153Z (3 months ago)
Topics: api, javascript, nodejs, react, tailwindcss
Language: JavaScript
Homepage: https://weatherapp-adeebkhan25s-projects.vercel.app
Size: 9.51 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# Weather App

A simple and intuitive weather application built with React and powered by Openweathermap API. Get real-time weather updates for any location with beautiful visualizations and user-friendly interface.

## Features

1. View current weather conditions for any city in the world.
2. Responsive design for seamless experience across devices.
3. Built with React, JavaScript, and integrates with Openweathermap API. Explore the weather like never before!

## Getting Started

To get started with this project locally, follow these steps:

1. Clone the repository:
```bash
git clone https://github.com/AdeebKhan25/WeatherApp.git
```
2. Navigate to the WeatherApp directory:
```bash
cd WeatherApp
```
3. Install dependencies:
```bash
yarn install
```
4. Create a .env file and add your API key.
5. Start the app:
```bash
yarn run dev
```
## Screenshot

![WA](https://github.com/user-attachments/assets/e0f4d2e2-fc6c-463c-b8e8-78e22d2bce5d)

### Further Assistance
If you need any more help or have other questions, feel free to ask. Happy coding! 🚀