Weather Forecast App

Weather Forecast App

A simple, beautiful weather forecast application built with Vite, Tailwind CSS, and TypeScript!
Explore the docs »

View Demo · Report Bug · Request Feature

---

Table of Contents

• About The Project
• Built With
• Getting Started
• Usage
• Roadmap
• Contributing
• License
• Contact
• Acknowledgments

---

About The Project

Product Screenshot:

The Weather Forecast App is designed to provide you with clean, responsive, and real-time weather data, powered by public weather APIs.

Why this project?

• Simplifies accessing local and global weather
• A sleek and minimalist user experience
• Built using modern frontend technologies
• Perfect for developers learning Vite, TailwindCSS, and TypeScript integration

( Back to Top )

---

Built With

• Vite
• TypeScript
• Tailwind CSS
• OpenWeather API (or your API)

( Back to Top )

---

Getting Started

This is how you can set up and run the project locally:

Prerequisites

• Node.js and npm installed

npm install npm@latest -g

Installation

1. Clone the repo

   git clone https://github.com/your_username/weather-forecast-app.git

2. Install NPM packages

   npm install

3. Create a .env file and add your API Key

   VITE_WEATHER_API_KEY=your_api_key_here

4. Run the development server

   npm run dev

5. Change git remote URL (if cloned from template)

   git remote set-url origin https://github.com/your_username/weather-forecast-app.git
   git remote -v

( Back to Top )

---

Usage

Simply type a location in the search bar to get the current weather and a forecast!
You can see examples in the screenshots above.

For more usage examples, refer to the Documentation.

( Back to Top )

---

Roadmap

• Add Changelog
• Add Hourly Forecast View
• Support Multiple Weather APIs
• Add PWA Support
• Multi-language Support
  • English
  • Spanish
  • Hindi

See the open issues for a full list of proposed features (and known issues).

( Back to Top )

---

Contributing

Contributions make the open-source community such an amazing place to learn, inspire, and create.
Any contributions you make are greatly appreciated.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

Top contributors:

( Back to Top )

---

License

Distributed under the Unlicense License. See LICENSE file for more information.

( Back to Top )

---

Contact

Project Link: https://github.com/vishalbarai007/weather-forecast-app

( Back to Top )

---

Acknowledgments

• Choose an Open Source License
• GitHub Emoji Cheat Sheet
• Malven's Flexbox Cheatsheet
• Malven's Grid Cheatsheet
• Img Shields
• GitHub Pages
• Font Awesome
• React Icons

( Back to Top )

---