https://github.com/sajid788/digitalpaani-frontend
https://github.com/sajid788/digitalpaani-frontend
contextapi react tailwindcss
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/sajid788/digitalpaani-frontend
- Owner: Sajid788
- Created: 2024-04-26T18:51:24.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-04-27T13:59:26.000Z (over 2 years ago)
- Last Synced: 2024-04-27T14:26:47.942Z (over 2 years ago)
- Topics: contextapi, react, tailwindcss
- Language: JavaScript
- Homepage: https://weathersajid.netlify.app/
- Size: 9.59 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Weather App
The Weather App offers a user-friendly interface for tracking weather conditions. Users can easily search for cities and view detailed metrics such as temperature, humidity, and wind speed. The app features dynamic backgrounds and intuitive weather icons, providing an engaging experience. Its design is visually appealing and responsive, ensuring a seamless user experience across devices.
## Tech Stack
- React
- Context Api
- Tallwin css
- Weather api
## Deploy Link
link:- https://weathersajid.netlify.app/
# Features
- Users can search for weather conditions by city name.
- Provides detailed information such as temperature, humidity, and wind speed.
- Backgrounds change dynamically based on weather conditions.
- Icons to represent different weather conditions, enhancing user understanding.
- User experience across various devices with responsive interface design.
- Integrating a loader involves adding a visual cue to indicate ongoing operations.
## Setup
Follow these steps to set up and run the app
1. Clone the Repository:
```bash
https://github.com/Sajid788/DigitalPaani-Frontend.git
```
2. Navigate to the Project Directory:
```bash
cd weather-app
```
3. Install Dependencies:
```bash
npm install
```
4. Run the Application:
```bash
npm run dev
```
## Scrrenshots
## Dashboard
#### Is this website fully Responsive?
Yes
## Responsive
