Skip to content

Ath47/WeatherApp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

29 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Getting Started with Create React App

This project was bootstrapped with Create React App.

Installing your project -

This is a react project, so run the following command to create new react app - npx create-react-app my-app

To run your project, use npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

Contents of the Project -

Home Page

On the home page, users will find:

  1. Weather Display: Display current weather information for a default location or based on user input.
  2. Search Functionality: Allow users to search for weather information in different locations.
  3. GeoLocation: Use your current location instead of searching and press go.

Components

Components used are:

  1. LocationForm: Component for users to input a city name and retrieve weather information.
  2. Header: Component to display Header.

Pages

Pages used in our project are:

  1. FavoritePage: Allow users to save their Favorite Locations, we have used 'localStorage' to store the cities.
  2. HomePage: Main structure of our website.
  3. SixDayForecastPage: Allowing users to get 6 days of weather forecast

API Integration

This project uses OpenWeatherMap API to retrieve weahther information for requested city.

Tech Stack used -

  1. ReactJS
  2. TailwindCSS
  3. External API

About

A weather app made using ReactJS + TailwindCSS

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published