Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.
- Host: GitHub
- URL: https://github.com/mushfiqurniazzz/weather-app----open-weather-map---api--react
- Owner: mushfiqurniazzz
- Created: 2024-06-03T19:24:52.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-06-04T12:29:12.000Z (7 months ago)
- Last Synced: 2024-06-05T13:29:58.083Z (7 months ago)
- Topics: dotenv, javascript, openweathermap, openweathermap-api, reactjs, vitejs, vitereact, weather-app
- Language: JavaScript
- Homepage:
- Size: 3.63 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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.