Weather Application

📗 Table of Contents

• 📖 About the Project
  • Screenshot
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
• 💻 Getting Started
  • Setup
  • Prerequisites
  • Install
  • Usage
  • Run tests
  • Deployment
• 👥 Authors
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• 📝 License

📖 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

🛠 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.

• Live Demo Link

💻 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

• GitHub: @Stephen-Adom
• Twitter: @stephen_alaska
• LinkedIn: 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)