Skip to content

habibaadam/react-weather-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

31 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

This project encapsulates my final workshop with SheCodes as I learn React, A javacsript libary that allows developers create multiple components of UI, which in turn can be resuable no matter the state of an application.

Description

This is a simple React weather app that allows users to check the weather and see foreecast of weather conditions in various cities.

Features

  • Displays the time and day of any city searched
  • Displays the weather temperature in either Celsius or Fahrenheit(toggling between C and F on website)
  • Displays the forecast of the specified city for the next 5 days

Short Demo

Alt text

Dependencies

  • nodejs 20.x or recent
  • npm or yarn
  • Axios
  • React animated weather-icon(custom icons for weather and forecast)

Installation

  1. Clone the repository: git clone https://github.com/habibaadam/react-weather-app.git
  2. Navigate to the project directory: cd react-weather-app
  3. Install dependencies: npm install

Usage

To start the app, run: npm start

Visit http://localhost:3000 in your browser. This app will later on be deployed and a link of it will be presented soon.

Contributions

This project is complelety open sourced, if you want to add more features, send me a DM

About

A weather app migrating from vanilla js to React-js

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published