It's an advanced weather website where users can view current weather conditions, forecasts, air quality, weather maps, and more. The application is built using modern web development technologies to ensure a seamless and responsive user experience.
- Current Weather: View the current weather conditions for any location.
- Weather Forecasts: Access detailed weather forecasts for the upcoming days.
- Air Quality: Check the air quality index and related information.
- Weather Maps: Explore interactive weather maps for visualizing different weather parameters.
- Responsive Design: Fully responsive design to provide a great experience on both desktop and mobile devices.
- Next.js: A React framework for server-side rendering and generating static websites.
- TypeScript: A typed superset of JavaScript that adds type safety and enhances development experience.
- Tailwind CSS: A utility-first CSS framework for styling the application.
- Axios: A promise-based HTTP client for making requests to the OpenWeather API.
- OpenWeather API: Used to fetch weather data, forecasts, and air quality information.
Follow these instructions to set up the project on your local machine.
Ensure you have the following installed:
- Node.js (>= 14.x)
- npm or yarn
-
Clone the repository:
git clone https://github.com/devxprite/star-weather.git cd star-weather -
Install dependencies:
npm install
-
Set up environment variables:
Create a
.env.localfile in the root directory and add your OpenWeather API key:OPENWEATHER_API_KEY=your_openweather_api_key
-
Run the development server:
npm run dev
Open http://localhost:3000 with your browser to see the application in action.
Contributions are welcome! Feel free to open an issue or submit a pull request if you have any improvements to the project.
Distributed under the MIT License. See LICENSE for more information.
Give a ⭐️ if you found this project helpful!