https://github.com/masoumehmohebbi/react-weather-app

Weather App based on OpenWeatherMap-API ☁️🌈☁️
https://github.com/masoumehmohebbi/react-weather-app

api axios clean-code luxon openweathermap openweathermap-api react react-router-dom-v6 reacthottoast reactjs respnosive tailwind toast weather-api weather-app

Last synced: 6 days ago
JSON representation

Weather App based on OpenWeatherMap-API ☁️🌈☁️

• Host: GitHub
• URL: https://github.com/masoumehmohebbi/react-weather-app
• Owner: masoumehmohebbi
• Created: 2023-09-04T13:34:03.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-09-19T10:47:30.000Z (about 1 year ago)
• Last Synced: 2024-05-15T15:30:33.722Z (6 months ago)
• Topics: api, axios, clean-code, luxon, openweathermap, openweathermap-api, react, react-router-dom-v6, reacthottoast, reactjs, respnosive, tailwind, toast, weather-api, weather-app
• Language: JavaScript
• Homepage: https://masoumehmohebbi.github.io/react-weather-app/
• Size: 2.2 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# React Weather App ⊚⃝⸜(｡∵｡) ⋆｡°✩

React Weather App, based on TailwindCss library And ReactJs. This app built on top of the OpenWeatherMap API.

  

  

  

## Description

This is a Weather application. which I developed it with the TailwindCss library and the ReactJs library.This app built on top of the OpenWeatherMap API.

## hooks:

| Built in hooks     | Custom hooks                                                     |

| ------------------ | ---------------------------------------------------------------- |

| useState           | useWeather                                                       

| useEffect          |  

| useLocation        |

## Features

🔥 Responsive styles




📱 React Router Dom 




✅ React Hot Toast




⚡️ OpenWeatherMap API




📀loader Spinner

## Requirements



  
React

  
ES6



## Technologies used in this App



  
HTML

  
Tailwind css

  
React Js

  
Loader Spinner

  
Axios

  
React Router Dom

  
Luxon

  
React Hot Toast



## Development setup

#### First, clone the project:

git clone https://github.com/masoumehmohebbi/react-weather-app/

#### Then, install necessary npm packages:

npm i

#### Finally, run the `start` script and preview project on a local server:

npm run dev

## Author

Masoume mohebbi