The Weather App is a web application designed to provide users with real-time weather information for any location worldwide. It fetches weather data from the OpenWeatherMap API based on user-provided location input and displays key metrics such as temperature and weather condition. Built using Next.js, React, and Tailwind CSS, the app offers a responsive and intuitive user interface for seamless navigation and interaction. With its dynamic display and easy-to-use features, the Weather App aims to be a convenient tool for users to stay informed about current weather conditions.
- Weather Data Retrieval: Fetches real-time weather data from the OpenWeatherMap API.
- Dynamic Display: Displays temperature, weather condition, location name, and country dynamically.
- Responsive Design: Ensures optimal viewing and interaction across various devices and screen sizes.
- Intuitive User Interface: Designed to be user-friendly, making it easy for users to input locations and view weather information.
- Navigation: Allows users to navigate effortlessly with options to go back to the homepage or refresh weather data.
- Next.js
- React
- Tailwind CSS
- OpenWeatherMap API
- JavaScript (ES6+)
-
Provide users with up-to-date weather information for any location worldwide.
-
Create an intuitive and visually appealing user interface for ease of use.
-
Ensure responsiveness and cross-device compatibility for seamless user experience.
-
Showcase proficiency in building modern web applications using Next.js, React, and Tailwind CSS.
-
Demonstrate the ability to integrate with external APIs and handle asynchronous data fetching.
- Clone the repository to your local machine. git clone https://github.com/Rohail30/Check-Weather.git
- Install dependencies by running
npm install
oryarn install
. - Start the development server by running
npm run dev
oryarn dev
. - Open your web browser and navigate to
http://localhost:3000
to view the Weather App.