https://github.com/livewithcodeankit/weather
This is my major project in which user can input location in search bar and he will get all the weather data of that location.
https://github.com/livewithcodeankit/weather
css3 html5 javascript react tailwindcss usecontext-hook useeffect-hook useref-hook usestate-hook weather-api weather-app
Last synced: 10 days ago
JSON representation
This is my major project in which user can input location in search bar and he will get all the weather data of that location.
- Host: GitHub
- URL: https://github.com/livewithcodeankit/weather
- Owner: LiveWithCodeAnkit
- Created: 2023-09-10T04:59:49.000Z (almost 2 years ago)
- Default Branch: master
- Last Pushed: 2023-09-10T05:10:45.000Z (almost 2 years ago)
- Last Synced: 2025-04-10T20:47:36.538Z (2 months ago)
- Topics: css3, html5, javascript, react, tailwindcss, usecontext-hook, useeffect-hook, useref-hook, usestate-hook, weather-api, weather-app
- Language: JavaScript
- Homepage:
- Size: 162 KB
- Stars: 5
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Weather App using React.js, Tailwind CSS, and API Fetching
Welcome to my Weather App project! This is a simple web application built using React.js, Tailwind CSS, and API fetching to provide users with real-time weather information and hourly temperature charts.
## Features
- Enter Location: Users can input a city name to fetch weather data for that location.
- Real-Time Weather Data: The app fetches real-time weather data from a weather API to provide accurate and up-to-date information.
- Hourly Temperature Chart: The app displays an hourly temperature chart using Recharts, giving users a visual representation of temperature changes throughout the day.
## Technologies Used
- React.js: A popular JavaScript library for building user interfaces.
- Tailwind CSS: A utility-first CSS framework that simplifies styling and makes your app responsive.
- API Fetching: The app uses API calls to fetch weather data from an external source.
- Recharts: A charting library for React.js that helps you create interactive and customizable charts.