A modern and responsive weather application built with React, Vite, and Tailwind CSS, featuring a clean interface, weather information display, responsive design, and user-friendly interactions.
🔗 Live Website: https://weather-app-blush-nine-71.vercel.app/
| Technology | Purpose |
|---|---|
| React | Building the user interface |
| Vite | Fast development and production build tool |
| Tailwind CSS | Styling and responsive design |
| React Icons | User interface icons |
| React Icon | Additional icon support |
| Font Awesome React | Weather and interface icons |
- ESLint
- PostCSS
- Autoprefixer
- Vite
- npm
- 🌤️ Weather information interface
- 🌡️ Display weather conditions
- 📱 Fully responsive design
- 🎨 Modern and clean user interface
- 🧩 Reusable React components
- 🎯 User-friendly experience
- ⚡ Fast development with Vite
- 📱 Mobile-friendly layout
- 🌈 Weather-focused visual design
The project uses the following main dependencies:
reactreact-domreact-iconsreact-icon@fortawesome/react-fontawesome
vite@vitejs/plugin-reacttailwindcsspostcssautoprefixereslint@eslint/jseslint-plugin-react-hookseslint-plugin-react-refreshglobals@types/react@types/react-dom
Follow the instructions below to run the project on your local machine.
Before running the project, make sure you have the following installed:
- Node.js
- npm
You can check whether Node.js and npm are installed by running:
node -v
npm -vgit clone https://github.com/sabbirhossain-dev/Weather-App.gitcd Weather-Appnpm installnpm run devhttp://localhost:5173npm run build🌐 Live Demo https://weather-app-blush-nine-71.vercel.app/
💻 GitHub Repository https://github.com/sabbirhossain-dev/Weather-App