Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/mushfiqurniazzz/weather-app----open-weather-map---api--react

This app allows users to know the weather of any city in the world. It uses the APIs from Open Weather Map, React.js for building the user interface. The app provides a seamless experience for knowing the weather of any place.
https://github.com/mushfiqurniazzz/weather-app----open-weather-map---api--react

dotenv javascript openweathermap openweathermap-api reactjs vitejs vitereact weather-app

Last synced: about 1 month ago
JSON representation

This app allows users to know the weather of any city in the world. It uses the APIs from Open Weather Map, React.js for building the user interface. The app provides a seamless experience for knowing the weather of any place.

Awesome Lists containing this project

README

        

Simple Weather App

https://github.com/mushfiqurniazzz/Weather-App----Open-Weather-Map---API--React/assets/148959859/e5dfb5ef-868d-4baa-8938-010771d71c15

This app allows users to know the weather of any city in the world. It uses the APIs from Open Weather Map, React.js for building the user interface. The app provides a seamless experience for knowing the weather of any place.


Running the Project Locally


To run this project on your local machine, follow these steps:

1. Clone the Repository: Clone this repository to your local machine:

`git clone https://github.com/mushfiqurniazzz/Weather-App----Open-Weather-Map---API--React`

2. Install Dependencies: Install the necessary dependencies using npm or yarn:

`npm install`

or

`yarn`

3. Setup Environment Variables: Create a `.env` file in the root of your project directory and add the variables mentioned in the `.env.sample`

4. Start the Development Server: Run the following command to start the development server:

`npm run dev`

5. Access the App: Open your web browser and navigate to `http://localhost:5173[frontend]` to access the app. You can now use the app locally on your machine using the AppID specified in the `.env` file.