Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ahmed122000/simple-weather_application
Weather Journal App A simple web application that allows users to log their feelings alongside weather data retrieved from the OpenWeatherMap API. Built using HTML, CSS, JavaScript, and Node.js/Express.js as part of the Udacity Front-End Web Developer Nanodegree program.
https://github.com/ahmed122000/simple-weather_application
css html javascript nodejs weather-api weather-app
Last synced: 14 days ago
JSON representation
Weather Journal App A simple web application that allows users to log their feelings alongside weather data retrieved from the OpenWeatherMap API. Built using HTML, CSS, JavaScript, and Node.js/Express.js as part of the Udacity Front-End Web Developer Nanodegree program.
- Host: GitHub
- URL: https://github.com/ahmed122000/simple-weather_application
- Owner: Ahmed122000
- License: mit
- Created: 2024-11-24T21:55:14.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2024-11-25T00:19:23.000Z (3 months ago)
- Last Synced: 2024-11-25T01:19:30.494Z (3 months ago)
- Topics: css, html, javascript, nodejs, weather-api, weather-app
- Language: JavaScript
- Homepage:
- Size: 11.7 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Weather Journal App
This project is part of the Udacity Front-End Web Developer Nanodegree program. The Weather Journal app allows users to input their zip code and feelings, fetches weather data using the OpenWeatherMap API, and displays the weather information along with the user's input on the UI.
## Udacity Course
This project is part of the **Udacity Front-End Web Developer Nanodegree**. You can find the starter code for this project [here](https://github.com/udacity/fend/tree/refresh-2019).
## Features
- Allows users to enter a zip code and their feelings.
- Fetches weather data based on the zip code entered using the OpenWeatherMap API.
- Displays the weather information along with the user's feelings on the UI.
- Uses Express.js for the server and stores the data on the server.
- The server has a script to run with the command `npm run start`.
## Installation
1. Clone the repository:
```bash
git clone https://github.com/yourusername/weather-journal.git
cd weather-journal
```
2. Install the dependencies:
```bash
npm install
```
3. Start the server:
```bash
npm run start
```
4. Open your browser and go to `http://localhost:8080` to use the app.
## File Structure
- **index.html**: The main HTML file for the app's structure.
- **style.css**: The stylesheet for styling the app.
- **app.js**: The JavaScript file that handles the UI updates and API interactions.
- **server.js**: The Express.js server file that handles data storage and serves the app.
## Dependencies
- **Express**: Web framework for Node.js.
- **Body-Parser**: Middleware for handling POST requests and parsing JSON.
- **CORS**: Middleware for handling cross-origin requests.
- **OpenWeatherMap API**: Used to fetch weather data based on the zip code.
## License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
## Acknowledgments
- Thanks to Udacity for providing the course and starter code.
- The weather data is provided by the [OpenWeatherMap API](https://openweathermap.org/api).