- Clone the repository:
git clone https://github.com/sudhanshubsr-dev/weather-app.git - Navigate to the project directory:
cd weather-app - Add an .env file with "API_KEY" as a variable and add an API key to it.
- Install dependencies:
yarn install
- Start the development server:
yarn run dev - Open your browser and navigate to http://localhost:3000
- Enter a city name in the search bar and press Enter or click the search button.
- The weather information for the specified city will be displayed, including the current temperature, humidity, and a 7-day forecast.
-
Extended Weather Data: The app provides detailed weather information, including current temperature, humidity, wind speed, and more.
-
Interactive Forecast: Explore a 7-day forecast to plan ahead with additional details like maximum and minimum temperatures for each day.
-
User-Friendly Interface: A clean and intuitive user interface for a seamless weather-checking experience.
-
Responsive Design: Access the app from various devices with a responsive design that adapts to different screen sizes (in progress..)
-
Search Suggestions: Get city name suggestions as you type, enhancing the search experience.
-
Icons for Weather Conditions: Visualize weather conditions using icons for better user understanding.
- React - JavaScript library for building user interfaces
- Axios - Promise-based HTTP client for making API requests
- React Spinners - Loading spinner component for React
- Tailwind CSS - Utility-first CSS framework
Check out the live demo here.
Contributions are welcome! If you find any issues or have suggestions for improvements, please open an issue or submit a pull request.