CloudCast is a modern weather web application that allows users to check real-time weather conditions and forecasts for any city worldwide. The app provides a clean interface, dynamic weather visuals, and detailed climate information such as temperature, humidity, wind speed, and atmospheric conditions.
🔗 Live Demo: https://cloudcastt.netlify.app/\ 🔗 GitHub Repository: https://github.com/Sreenathselva/CloudCast
- 🌍 Search weather for any city worldwide\
- 🌡️ Real-time temperature and weather conditions\
- 💨 Wind speed and humidity details\
- 📊 Clean and modern UI design\
- ⚡ Fast performance with API integration\
- 📱 Fully responsive design (mobile, tablet, desktop)\
- 🎨 Dynamic weather icons and UI updates
- React.js\
- JavaScript (ES6+)\
- Vite\
- Tailwind CSS / CSS\
- Weather API\
- Netlify (Deployment)
CloudCast
│
├── public
├── src
│ ├── components
│ ├── hooks
│ ├── assets
│ ├── App.jsx
│ └── main.jsx
│
├── package.json
├── vite.config.js
└── README.md
git clone https://github.com/Sreenathselva/CloudCast.git
cd CloudCast
npm install
npm run dev
The app will run on:
http://localhost:5173
The project is deployed using Netlify.
To build the project:
npm run build
Upload the dist folder to Netlify.
- 7‑day weather forecast\
- Auto location detection\
- Dark / Light mode\
- Weather charts & graphs\
- Weather alerts
Selva Sreenath S
Frontend Developer
LinkedIn: https://www.linkedin.com/in/selva-sreenath-s-84895a253/\ GitHub: https://github.com/Sreenathselva
⭐ If you like this project, consider giving it a star on GitHub!