Git Product home page Git Product logo

weather-app's Introduction

Screenshot of the desktop version

Real-Time Weather Application

This is a dynamic and user-friendly application that provides users with real-time weather conditions and local time for any location around the world.

Key Features

  • Real-time Weather Information: Enter any city or country to get real-time temperature and weather conditions.
  • Local Time: The application also fetches and displays the local time of the entered location.

Technologies Used

  • Backend: Flask, Python
  • Frontend: Vue.js, TypeScript
  • APIs: OpenCageData API (for geocoding), OpenWeatherMap API (for weather data)

Getting Started

Prerequisites

Ensure you have the following installed on your local machine:

  • Node.js and npm (for the frontend)
  • Python and pip (for the backend)

Installation

  1. Clone the repository to your local machine using git clone.
  2. Navigate into the cloned repository.
  3. Inside the frontend directory, install the necessary dependencies using npm install.
  4. Navigate to the backend directory and install the necessary Python libraries using pip install -r requirements.txt.
  5. Run the Flask server with the command python app.py.
  6. In a separate terminal window, navigate to the frontend directory and run the Vue.js server with npm run dev.
  7. Open your web browser and visit http://localhost:5173 to start using the application!

Usage

Enter a location in the input field and click on the "Get Weather" button. The application will display the current weather conditions, temperature, and local time for the input location.

Contributions

This is a very basic app so contributions, issues, and feature requests are welcome!

weather-app's People

Contributors

skippyskiddy avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.