Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/alyqamar/taqs
Taqs is a weather app that showcases how to use APIs, fetch data, and display it on a web page. It also demonstrates how to use Node.js and Express to create a server and save data. The project can be used as a starting point for more complex weather apps or other projects that require fetching and saving data.
https://github.com/alyqamar/taqs
css express fetchapi html javascript nodejs openweathermapapi weather weatherapp
Last synced: 3 days ago
JSON representation
Taqs is a weather app that showcases how to use APIs, fetch data, and display it on a web page. It also demonstrates how to use Node.js and Express to create a server and save data. The project can be used as a starting point for more complex weather apps or other projects that require fetching and saving data.
- Host: GitHub
- URL: https://github.com/alyqamar/taqs
- Owner: alyQamar
- License: mit
- Created: 2023-02-13T15:31:21.000Z (almost 2 years ago)
- Default Branch: master
- Last Pushed: 2023-08-05T01:22:12.000Z (over 1 year ago)
- Last Synced: 2023-08-05T02:39:27.281Z (over 1 year ago)
- Topics: css, express, fetchapi, html, javascript, nodejs, openweathermapapi, weather, weatherapp
- Language: JavaScript
- Homepage:
- Size: 1.01 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
[![Contributors][contributors-shield]][contributors-url]
[![Forks][forks-shield]][forks-url]
[![Stargazers][stars-shield]][stars-url]
[![Issues][issues-shield]][issues-url]
[![LinkedIn][linkedin-shield]][linkedin-url]
Table of Contents
## Overview
Welcome to the Taqs repository! This repository contains the source code for a simple weather app that allows users to search for weather data based on zip codes. The user can also save the weather data and their thoughts on the weather.The weather data is fetched from the OpenWeatherMap API and is displayed on the frontend. The weather information and mood of the user is also saved to a local server using Express.
## Features
- [x] Allows users to search for weather data based on zip codes
- [x] Saves weather data and user's thoughts on the weather
- [x] Displays saved data, including date, city, temperature, weather description, and user's thoughts
## Built With
- JavaScript
- HTML
- CSS
- Node.js
- Express
- Fetch API
- OpenWeatherMap API
---
## How to Use
1- Clone the repository: git clone https://github.com/alyQamar/Taqs.git
2- Install the dependencies: npm install
3- Start the server: npm start
4- Open the app in a web browser: http://localhost:5000/
5- Enter a zip code in the input field and click the "Generate" button to search for weather data
6- Type in your thoughts on the weather in the "Feelings" field
7- Click the "Generate" button to save the weather data and your thoughts
8- The saved data will be displayed on the page, including the date, city, temperature, weather description, and your thoughts
#### Note:
- Please make sure to replace the OpenWeatherMap API key in the code with your own API key.
- Zip codes for US regions
## Contributions
I welcome contributions to this repository, whether in the form of bug fixes, new features, or design improvements. If you would like to contribute, please create a pull request and I will review it as soon as possible.
Thank you for visiting the Taqs repository! I hope it helps you and used as a starting point for more complex weather apps or other projects that require fetching and saving data.
## Resource
This project was developed in [Professional Front-End Web Development track](https://egfwd.com/specializtion/web-development-professional/) which provided by [Udacity](https://www.udacity.com) and [EGFWD](https://egfwd.com/).
Developed by [@Aly Qamar](https://www.linkedin.com/in/alyqamar) - [email protected]
[contributors-shield]: https://img.shields.io/github/contributors/alyQamar/Taqs.svg?style=for-the-badge
[contributors-url]: https://github.com/alyQamar/Taqs/graphs/contributors
[forks-shield]: https://img.shields.io/github/forks/alyQamar/Taqs.svg?style=for-the-badge
[forks-url]: https://github.com/alyQamar/Taqs/network/members
[stars-shield]: https://img.shields.io/github/stars/alyQamar/Taqs.svg?style=for-the-badge
[stars-url]: https://github.com/Taqs/stargazers
[issues-shield]: https://img.shields.io/github/issues/alyQamar/Taqs.svg?style=for-the-badge
[issues-url]: https://github.com/alyQamar/Taqs/issues
[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=for-the-badge&logo=linkedin&colorB=555
[linkedin-url]: https://www.linkedin.com/in/alyqamar/
