Welcome to WeatherMan, your go-to web application for checking the weather forecast! With WeatherMan, users can effortlessly retrieve the current weather conditions and forecast for any location worldwide. Whether you're planning a trip, checking the weather before heading out, or simply curious about the forecast, WeatherMan has got you covered.
-
Weather Forecast: Get the current weather conditions including temperature, wind speed, pressure, humidity, and visibility for any location.
-
5-Day Forecast: View the forecast for the next 5 days to plan ahead.
-
Location-based Weather: Utilize the geolocation feature of your browser to automatically fetch the weather for your current coordinates.
-
Temperature Conversion: Switch between Celsius and Fahrenheit based on your preference.
-Responsive for all devices : Desktop, Tablets, Phones
Tablets/Ipad :
Phones :
-
Frontend:
- React
- Vite
- SASS/SCSS
- HTML
-
Backend:
- Node.js
- Express.js
- OpenWeatherMap API
- Frontend: The frontend of WeatherMan is deployed on Vercel, ensuring fast and reliable access to users.
Link : https://weather-app-self-alpha.vercel.app/ - Backend: The backend is deployed on Render, providing a robust and scalable infrastructure to handle weather data requests.
- Enter Location: Simply enter the name of the location you want to check the weather for in the provided input field.
- View Weather: WeatherMan will fetch the current weather conditions and display them along with the forecast.
- Location-based Weather: Click on the option to fetch weather based on your current coordinates.
- Temperature Conversion: Toggle between Celsius and Fahrenheit to view the temperature in your preferred metric.
- Note: Since I am using a free account of Render, the backend can take time to load/reload due to inactivity. So sometimes, users may need to "double-click" the search icon to properly search for the location. However, it only happens for the first time and ceases after that.
To run WeatherMan locally, follow these steps:
- Clone this repository.
- Navigate to the project directory.
- Go to the Frontend folder and then run
npm install
- Go to the Backend folder and then run
npm install
- Run the frontend and backend servers:
- For the frontend:
npm run dev
- For the backend:
npm start
- For the frontend:
- Access WeatherMan in your browser at
http://localhost:3000
.
- Arghadeep Dey
If you have any feedback, suggestions, or issues with WeatherMan, please feel free to mail me at deyarghadeep23@gmail.com. Your input is valuable in improving this app!
Enjoy using WeatherMan for all your weather needs! 🌤️