With Cloudly, predicting the weather has never been easier. Stay up-to-date with real-time weather information, from current conditions to hourly forecasts and long-term outlooks. Cloudly is your reliable source for accurate weather data, helping you plan your day with confidence.
- Next.js: A React framework for building server-side rendered applications.
- TypeScript: JavaScript with static typing for better developer experience and code quality.
- Tailwind CSS: A utility-first CSS framework for creating responsive and modern designs.
- React Query: A library for fetching, caching, and syncing server data in React applications.
- Axios: A promise-based HTTP client for making requests to external APIs.
- Zustand: A small, fast state management solution for React.
- 🔍 Search: Easily search for weather details by entering the name of your city or location.
- 🌡️ Current Temperature: Get real-time temperature readings for your current location.
- ☁️ Weather Information: View detailed weather information, including conditions (sunny, rainy, cloudy, etc.), humidity, and wind speed.
- ⏱️ 3-Hour Forecast: View weather forecasts for every 3 hours throughout the day.
- 🌤️ 5-Day Forecast: See the weather forecast for the next 5 days, helping you plan ahead.
- 💨 Additional Weather Info: Get extra details like air pressure, UV index, and more.
- 📱 Responsive Design: Enjoy a seamless experience on any device, from desktops to smartphones, with a fully responsive design.
- Node.js
- npm or yarn or pnpm or bun for package management
Follow the steps below to set up the project locally.
-
Clone this repository:
https://github.com/rfkyalf/cloudly.git
-
Navigate to the project directory:
cd cloudly -
Install the dependencies:
npm install
-
Start the development server:
npm run dev
-
Access the application in your browser at http://localhost:3000.