Skip to content

A simple FastAPI-based weather application that fetches real-time weather data using the OpenWeatherMap API and displays it with a clean, responsive UI powered by Jinja2

Notifications You must be signed in to change notification settings

Hudaifa0/weather-web-api

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 

Repository files navigation

🌦️ Weather Web API

Weather Web API

Welcome to the Weather Web API repository! This project is a simple FastAPI-based weather application that fetches real-time weather data using the OpenWeatherMap API. It features a clean, responsive user interface powered by Jinja2.

🚀 Features

  • Real-Time Weather Data: Get up-to-date weather information for any location.
  • Responsive Design: The application adapts to different screen sizes for a seamless user experience.
  • FastAPI Framework: Built on FastAPI for quick and efficient performance.
  • Jinja2 Templating: Utilizes Jinja2 for rendering dynamic HTML content.
  • OpenWeatherMap API: Fetches weather data from a reliable source.

🛠️ Technologies Used

  • FastAPI: A modern web framework for building APIs with Python 3.7+.
  • Jinja2: A templating engine for rendering HTML.
  • CSS: For styling the application.
  • HTML: The backbone of the user interface.
  • OpenWeatherMap API: A service that provides weather data.
  • Vercel: For deployment and hosting.

📦 Installation

To get started with the Weather Web API, follow these steps:

  1. Clone the Repository:

    git clone https://github.com/Hudaifa0/weather-web-api.git
    cd weather-web-api
  2. Install Dependencies: Make sure you have Python 3.7+ installed. Then, install the required packages:

    pip install -r requirements.txt
  3. Set Up Environment Variables: Create a .env file in the root directory and add your OpenWeatherMap API key:

    OPENWEATHER_API_KEY=your_api_key_here
    
  4. Run the Application: Start the FastAPI server:

    uvicorn main:app --reload
  5. Access the Application: Open your browser and go to http://127.0.0.1:8000.

📈 Usage

Once the application is running, you can search for the weather of any city. Simply enter the city name in the search bar and hit enter. The application will display the current weather conditions, temperature, humidity, and more.

Example Request

  • Search for "London" to see the current weather in London.

🌐 Deployment

The Weather Web API is also deployed on Vercel. You can access the live version here.

📥 Releases

You can download the latest version of the Weather Web API from the Releases section.

If you need to download a specific file, please visit the link above and execute the required files.

📝 Contributing

Contributions are welcome! If you want to help improve the Weather Web API, follow these steps:

  1. Fork the Repository.
  2. Create a New Branch:
    git checkout -b feature/YourFeature
  3. Make Your Changes.
  4. Commit Your Changes:
    git commit -m "Add your message here"
  5. Push to the Branch:
    git push origin feature/YourFeature
  6. Open a Pull Request.

🛡️ License

This project is licensed under the MIT License. See the LICENSE file for details.

💬 Contact

For any inquiries or issues, feel free to reach out:

🖼️ Screenshots

Weather App Screenshot

📚 References

🌍 Topics

This repository covers various topics including:

  • CSS
  • FastAPI
  • FastAPI-Jinja2
  • FastAPI Weather
  • HTML
  • Jinja2
  • OpenWeatherMap API
  • Python 3
  • Vercel
  • Weather
  • Weather App
  • Web App

🔗 Additional Resources

For more information, check out the following resources:

Thank you for checking out the Weather Web API! We hope you find it useful. For the latest updates, please visit the Releases section.

About

A simple FastAPI-based weather application that fetches real-time weather data using the OpenWeatherMap API and displays it with a clean, responsive UI powered by Jinja2

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published