Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/theibd56/weathersearchapp
This application is a pet project. This project implements the weather display for the city specified in the search field. The Weather API was used to display the weather
https://github.com/theibd56/weathersearchapp
css3 html5 javascript react weather-api
Last synced: 29 days ago
JSON representation
This application is a pet project. This project implements the weather display for the city specified in the search field. The Weather API was used to display the weather
- Host: GitHub
- URL: https://github.com/theibd56/weathersearchapp
- Owner: theibd56
- Created: 2024-05-24T08:19:02.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-06-05T15:20:32.000Z (8 months ago)
- Last Synced: 2024-06-05T17:33:51.878Z (8 months ago)
- Topics: css3, html5, javascript, react, weather-api
- Language: JavaScript
- Homepage: https://theibd56.github.io/weatherSearchApp/
- Size: 5.12 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Weather search application
This application is a pet project. This project implements the weather display for the city specified in the search field. The Weather API was used to display the weather![image](https://github.com/user-attachments/assets/348c348c-4dbc-4d13-8f73-f7ccd0b51374)
[Check the Live Demo](https://theibd56.github.io/weatherSearchApp/)
## Stack
![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)
![JavaScript](https://img.shields.io/badge/JavaScript-323330?style=for-the-badge&logo=javascript&logoColor=F7DF1E)
![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)
![Sass](https://img.shields.io/badge/Sass-CC6699?style=for-the-badge&logo=sass&logoColor=white)
![NPM](https://img.shields.io/badge/npm-CB3837?style=for-the-badge&logo=npm&logoColor=white)## Installation
Install giphySearchApp with npm
```bash
npm install weatherSearchApp
cd weatherSearchApp
```## Run Locally
Clone the project
```bash
git clone https://github.com/theibd56/weatherSearchApp
```
Go to the project directory
```bash
cd weatherSearchApp
```
Install dependencies
```bash
npm install
```
Start the server
```bash
npm start
```## Author
- [Bezhinarov Igor](https://t.me/theibd56) — Front-End Engineer