Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/stephen-adom/react-weather-application
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.
https://github.com/stephen-adom/react-weather-application
css primereact react rxjs
Last synced: about 2 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/stephen-adom/react-weather-application
- Owner: Stephen-Adom
- License: mit
- Created: 2022-08-03T23:16:11.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-02-28T18:39:16.000Z (almost 2 years ago)
- Last Synced: 2023-03-06T10:37:39.114Z (almost 2 years ago)
- Topics: css, primereact, react, rxjs
- Language: JavaScript
- Homepage: https://react-weather-application-eight.vercel.app/
- Size: 7.06 MB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Weather Application
## 📗 Table of Contents
- [📖 About the Project](#about-project)
- [Screenshot](#screenshot)
- [🛠 Built With](#built-with)
- [Tech Stack](#tech-stack)
- [Key Features](#key-features)
- [🚀 Live Demo](#live-demo)
- [💻 Getting Started](#getting-started)
- [Setup](#setup)
- [Prerequisites](#prerequisites)
- [Install](#install)
- [Usage](#usage)
- [Run tests](#run-tests)
- [Deployment](#triangular_flag_on_post-deployment)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [📝 License](#license)
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
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- React
- Rxjs
- Prime React
- React live clock
- Apex Chart
- **Overview Page**
- **Search bar**
Here is a link to my project. You can view to show the output so far.
- [Live Demo Link](https://react-weather-application-eight.vercel.app/)
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:
```sh
cd my-folder
git clone [email protected]/Stephen-Adom/React-Weather-Application.git
```
-
### Install
Install this project with:
Example command:
```sh
cd my-project
npm install
```
-
### Usage
To run the project, execute the following command:
```sh
npm run start
```
-
### Run tests
To run tests, run the following command:
### Deployment
You can deploy this project using:
👤 **Stephen Addae**
- GitHub: [@Stephen-Adom](https://github.com/Stephen-Adom)
- Twitter: [@stephen_alaska](https://twitter.com/stephen_alaska)
- LinkedIn: [Stephen Addae](https://www.linkedin.com/in/stephen-addae-a32334154/)
- [ ] **Tablet Screen**
- [ ] **Mobile Screen**
Contributions, issues, and feature requests are welcome!
If you like this project, please provide suggestions to help improve this project
I would like to thank ...
This project is [MIT](./LICENSE) licensed.