CloudCraft is a modern and user-friendly weather application that provides real-time weather updates for cities worldwide.
- Framework: Next.js 14 App Router
- Weather Data : OpenWeatherMap
- State Management: Redux Toolkit instead of props
- Persistent Storage: Redux Persist
- Styling: Tailwind CSS
- API calls: Axios
- Hotkeys: React Hotkeys Hook for theme switching (Shortcut: T)
- Deployment: Vercel
- Clone the repository and install the dependencies
git clone https://github.com/devdignesh/nextjs14-weather-app.git
npm install
- Create the
.env
and update the variables.
OPEN_WEATHER_API_KEY=Your_API_Key
- Start the development server
npm run dev
Ongoing improvements :
- Error handling
- Search-bar City recommendations
- Location maps with weather conditions
Contributions are welcome! Feel free to open issues, submit pull requests, or suggest new features.