https://github.com/sachin2398/knorex

Welcome to the Weather App! This application allows you to check the current weather and the forecast for the next three days in various cities around the world.
https://github.com/sachin2398/knorex

reactjs

Last synced: 2 days ago
JSON representation

Welcome to the Weather App! This application allows you to check the current weather and the forecast for the next three days in various cities around the world.

• Host: GitHub
• URL: https://github.com/sachin2398/knorex
• Owner: sachin2398
• Created: 2024-03-06T13:21:14.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-03-07T06:28:36.000Z (10 months ago)
• Last Synced: 2024-11-11T07:45:44.001Z (2 months ago)
• Topics: reactjs
• Language: JavaScript
• Homepage: https://knorex.vercel.app
• Size: 324 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# knorex

weatherapp

# Weather App

Welcome to the Weather App! This application allows you to check the current weather and the forecast for the next three days in various cities around the world.

## Screenshots

> ## Frame 1

| Small Screen           | Large Screen            |

| ---------------------- | ---------------------- |

| ![Screenshot 2024-03-06 190307](https://github.com/sachin2398/knorex/assets/113828281/9a144cad-ab38-463f-9355-5c032019f0a7)| ![Screenshot 2024-03-06 190226](https://github.com/sachin2398/knorex/assets/113828281/042581a5-b847-454e-8c43-1bdb0b976d9b)

# Medium Screen

![Screenshot 2024-03-06 190242](https://github.com/sachin2398/knorex/assets/113828281/ee95b505-48ec-47b0-910d-bd61aadb9161)

## Demo

Check out the [live demo](https://knorex.vercel.app/) of the Weather App!

## Features

- Select a City: Choose a city from the dropdown menu to view its weather information.

- Today's Weather:

  - Date: Date of the weather report.

  - Temperature: Current temperature in Celsius.

  - Description: Brief description of the weather conditions.

- Next Three Days Forecast:

  - For each of the next three days:

    - Date: Date of the forecast.

    - Temperature: Forecasted temperature in Celsius.

    - Description: Brief description of the weather conditions.

## Technologies Used

- React: JavaScript library for building user interfaces.

- React Icons: Library for customizable SVG icons.

- React Toastify: Library for toast notifications.

- OpenWeatherMap API: Provides weather data.

## Setup

1. Clone the repository.

2. Install dependencies with `npm install`.

3. Run the app with `npm start`.

## Dependencies

- @testing-library/jest-dom: ^5.17.0

- @testing-library/react: ^13.4.0

- @testing-library/user-event: ^13.5.0

- react: ^18.2.0

- react-dom: ^18.2.0

- react-icons: ^5.0.1

- react-toastify: ^10.0.4

- react-scripts: 5.0.1

- web-vitals: ^2.1.4

## License

This project is licensed under the [MIT License](LICENSE).