WeatherWise is a Next.js weather application built with TypeScript that allows users to check the current weather and forecast for any location. The app fetches weather data from the API and presents it in an intuitive and user-friendly interface.
- Weather Data: Get current weather information for any location by city name or zip code.
- Detailed Weather Data: Display detailed weather data including temperature, humidity, wind speed, and weather conditions.
- Temperature Units: Allow users to switch between Celsius and Fahrenheit units for temperature display.
- Five-Day Forecast: Provide a five-day weather forecast for the selected location.
- Geolocation: Option to use geolocation to automatically detect the user's location and display local weather information.
- Next.js - The React Framework for Production
- TypeScript - TypeScript is a superset of JavaScript that compiles to clean JavaScript output
- React - A JavaScript library for building user interfaces
- Tailwind CSS - A utility-first CSS framework for rapid UI development
- OpenWeatherMap API - Weather API providing weather data for any location
- Vercel - Vercel combines the best developer experience with an obsessive focus on end-user performance
1.Clone the repo
git clone https://github.com/itxSaaad/weatherwise-app-next-ts.git2.Install NPM packages
npm install3.Get an API key from OpenWeatherMap and add it to the .env file.
NEXT_PUBLIC_OPENWEATHERMAP_API_KEY=your_api_keyReplace your_api_key with your OpenWeatherMap API key in the .env
4.Run the development server
npm run dev5.Open http://localhost:3000 with your browser to see the result.
Contributions are what make the open-source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.
If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!
- Fork the repo
- Clone the project
- Create your feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m "Add some AmazingFeature") - Push to the branch (
git push origin feature/AmazingFeature) - Open a pull request
- Twitter: @itxSaaad
- LinkedIn: @itxSaaad
- Bento: @itxSaaad
- Email: saadstudent.cs@gmail.com
- Portfolio: itxSaaad
Distributed under the MIT License. See LICENSE for more information.
Give ⭐️ if you like this project!
