Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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

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