A modern and responsive weather application built with React.js, Redux, Tailwind CSS, and DaisyUI. Weather-Now provides real-time weather information by fetching data from a weather API and displaying accurate weather details with a clean user interface.
🔗 https://graceful-puffpuff-dc40d7.netlify.app/
- 🌍 Search weather by city name
- 🌡️ Real-time temperature updates
- ☁️ Current weather conditions
- 💧 Humidity information
- 🌬️ Wind speed details
- 📍 Location-based weather data
- 🔄 Global state management using Redux
- 🎨 Modern UI with Tailwind CSS and DaisyUI
- 📱 Fully responsive design for all devices
- ⚡ Fast and optimized performance using Vite
- ⚛️ React.js
- 🔄 React Redux
- 🟨 JavaScript (ES6+)
- ⚡ Vite
- 🎨 Tailwind CSS
- 🌼 DaisyUI
- 🌐 Weather API
- 📡 Axios for API requests
- 🚀 Netlify
Weather-Now/
│
├── public/
├── src/
│ ├── components/
│ ├── redux/
│ ├── assets/
│ ├── App.jsx
│ ├── main.jsx
│
├── .env
├── package.json
├── vite.config.js
└── README.md
git clone https://github.com/your-username/Weather-Now.gitcd Weather-Nownpm installCreate a .env file in the root directory:
npm run devThe application will run on:
http://localhost:5173
(Add your application screenshots here)
Weather-Now uses a weather API to fetch live weather information including:
- Temperature
- Weather condition
- Humidity
- Wind speed
- Location details
Through this project, I learned:
- Building scalable React applications
- Managing application state using Redux
- API integration with Axios
- Creating responsive layouts using Tailwind CSS
- Using DaisyUI components
- Environment variable handling
- Deploying React applications on Netlify
- 🌤️ 7-day weather forecast
- 🌙 Dark/light theme support
- 📍 Current location weather detection
- ⭐ Save favorite locations
- 📊 Weather charts and analytics
Kavi Kumar Singh
GitHub: https://github.com/kavisingh300
⭐ If you like this project, consider giving it a star!