WEATHER-APP

Predict Tomorrow’s Weather, Today’s Confidence

Built with the tools and technologies:

✅ Overview

Weather-App is a modern React-based project designed to streamline the development of dynamic weather applications. Built with Vite, it offers fast, efficient builds, hot module replacement, and integrated ESLint support to ensure high code quality. The project provides a solid foundation for creating maintainable, high-performance React apps with support for advanced features like TypeScript and React's compiler.

Why Weather-App?

This project simplifies building real-time weather interfaces with a focus on speed, quality, and flexibility. The core features include:

• 🛠️ Fast Development: Leverages Vite for rapid builds and hot module replacement, reducing development time.
• 🌐 Real-Time Data: Integrates external APIs to fetch and display current weather conditions dynamically.
• 🧹 Code Quality: Incorporates ESLint configurations to enforce modern JavaScript and React best practices.
• ⚙️ Flexible Architecture: Supports TypeScript and React's compiler for scalable, maintainable codebases.
• 🎯 Clear Structure: Organized project setup with centralized constants and modular components for easy customization.

⚙️ Installation & Setup

1. 1️⃣ Clone the repository

   ❯ git clone https://github.com/vedangdhuri/Weather-App

   ❯ cd Weather-App

2. 2️⃣ Install dependencies

   ❯ npm install

3. 3️⃣ Create .env file

   ❯ echo > .env

   Open .env file

   VITE_API_KEY = YOUR_API_KEY

4. 4️⃣ Run the app

   ❯ npm start

5. 5️⃣ Open in browser

   The app will automatically open at

   http://localhost:5173/

🧭 Project Structure

src/
├── components/
│   ├── Weather.css
│   └── Weather.jsx
├── App.jsx
├── index.css
└── main.jsx

📜 License

Licensed under the MIT License.