This project is a web application built using React, providing users with the ability to search for and view the weather and current time for any city around the world. The application is fully responsive, ensuring a seamless experience across various devices and screen sizes.
-
Weather Information: Users can search for a specific city and retrieve real-time weather information, including temperature, humidity, wind speed, and weather conditions.
-
Time Zone Conversion: Along with weather data, the application also displays the current time for the selected city, adjusted to its respective time zone.
-
Search Functionality: The search feature allows users to quickly find the desired city by typing its name in the search bar. Autocomplete suggestions enhance user experience and accuracy.
-
Responsive Design: Utilizing React, the application offers full responsiveness, ensuring optimal display and functionality across desktops, tablets, and mobile devices.
Check live demonstration here
You need API KEY for Google Place API and for Weather API (https://www.visualcrossing.com) Create .env.local file:
VITE_WEATHER_API_URL=https://weather.visualcrossing.com/VisualCrossingWebServices/rest/services/
VITE_WEATHER_API_KEY=XXX
VITE_GOOGLE_API_KEY=XXX
Run this command
git clone https://github.com/enikosoft/portfolio.git
npm install
npm run dev
You are now in the dev environment and you can play around
If you have any suggestions on what to improve in Reactfolio and would like to share them, feel free to leave an issue or fork project to implement your own ideas