Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/lucasshira/weather-app
https://github.com/lucasshira/weather-app
css expressjs html javascript nodejs
Last synced: 5 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/lucasshira/weather-app
- Owner: lucasshira
- Created: 2024-02-02T23:26:19.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-02-10T05:02:47.000Z (9 months ago)
- Last Synced: 2024-02-11T04:26:34.919Z (9 months ago)
- Topics: css, expressjs, html, javascript, nodejs
- Language: JavaScript
- Homepage:
- Size: 1.09 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Weather App
*Snapshot of the application displaying weather information for a specific city.*
## Overview
Welcome to the Weather App, a simple and responsive application developed in JavaScript Vanilla (ES6). This app provides real-time weather information, offering details such as temperature, sky conditions, wind speed, and humidity for a specified city. To enhance the user experience, the application dynamically updates the background with an image of the searched city, adding visual immersion.
## Features
- **Weather Data:** Get accurate weather data, including temperature, sky conditions, wind speed, and humidity.
- **Immersive Visuals:** The background of the page is dynamically filled with an image of the searched city, creating a visually engaging experience for users.
- **Responsiveness:** The app is designed to be responsive, adapting seamlessly to different screen sizes, making it convenient for users on various devices.
## Technologies Used
- **JavaScript (ES6):** The application is developed using JavaScript Vanilla, leveraging the latest ECMAScript features for a clean and modern codebase.
- **Node.js and Express.js:** The server-side scripting is powered by Node.js, with the Express.js framework providing a scalable and efficient backend.
## APIs Used
1. **OpenWeatherMap API:**
- Provides real-time weather data for the specified city.
2. **Unsplash API:**
- Retrieves high-quality images of the searched city to enhance the visual appeal of the app.
## Setup
To run the application locally, follow these steps:
1. Clone the repository:
```bash
git clone https://github.com/lucasshira/weather-app.git
```
2. Navigate to the project directory:
```bash
cd weather-app
```
3. Install Dependencies:
Run the following command to install project dependencies.
```bash
npm install
```
4. Start the Server:
Run the following command to start the server:
```bash
npm start
```
5. Open the App in a Browser:
Open your web browser and go to [http://localhost:3000/weather](http://localhost:3000) to view the application.
## License
This project is licensed under the MIT License - see the LICENSE file for details.