Skip to content

The weather app allows users to check weather forecasts for different locations. Users can search for the weather information of any city in the world and get accurate data using OpenWeatherMap API.

License

Notifications You must be signed in to change notification settings

Stephen-Adom/React-Weather-Application

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Weather Application

📗 Table of Contents

📖 Project Summary

The weather app project is a web-based application that allows users to check weather forecasts for different locations. Built using the React library, RxJS, PrimeReact, Apex Chart, a real live clock, and the OpenWeatherMap API, the project offers a highly responsive on desktop screen and modern user interface. Users can search for the weather information of any city in the world and get accurate and up-to-date weather data. The application also features an interactive dashboard with a real-time clock, making it easy for users to check the current time and weather in their location. Additionally, the application provides a detailed weather forecast for the next few days, along with weather-related charts and graphics to help users understand weather trends.

Screenshot

Deskop View 1

🛠 Built With

Tech Stack

  • Semantic HTML5 markup
  • CSS custom properties
  • Flexbox
  • CSS Grid
  • React
  • Rxjs
  • Prime React
  • React live clock
  • Apex Chart

Key Features

  • Overview Page
  • Search bar

🚀 Live Demo

Here is a link to my project. You can view to show the output so far.

💻 Getting Started

To get a local copy up and running, follow these steps.

Prerequisites

In order to run this project you need:

Setup

Clone this repository to your desired folder:

  cd my-folder
  git clone [email protected]/Stephen-Adom/React-Weather-Application.git

Install

Install this project with:

Example command:

  cd my-project
  npm install

Usage

To run the project, execute the following command:

  npm run start

Run tests

To run tests, run the following command:

Deployment

You can deploy this project using:

(back to top)

👥 Authors

👤 Stephen Addae

🔭 Future Features

  • Tablet Screen
  • Mobile Screen

🤝 Contributing

Contributions, issues, and feature requests are welcome!

⭐️ Show your support

If you like this project, please provide suggestions to help improve this project

🙏 Acknowledgments

I would like to thank ...

📝 License

This project is MIT licensed.

(back to top)

About

The weather app allows users to check weather forecasts for different locations. Users can search for the weather information of any city in the world and get accurate data using OpenWeatherMap API.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published