This project is a React application built using Vite, DaisyUI, and Recharts to display weather forecasts. The app allows users to search for cities, view a list of available places, and check the weather forecast for selected cities over the next 5 days. The weather data is visualized using bar charts to show minimum and maximum temperatures.
This application was created as part of a coding challenge to demonstrate the ability to integrate APIs, manage application state, and visualize data using charts.
The project was developed by Emiliano Pacheco.
- City Search: Users can input city names to search for places.
- Places List: Displays a horizontal scrollable list of places.
- Weather Forecast: Shows weather data for selected cities, with charts displaying min and max temperatures.
- React: For building the user interface.
- Vite: For fast development and bundling.
- DaisyUI: For UI components and styling.
- Recharts: For charting and data visualization.
- TypeScript: For type safety.
- Reservamos API: Used to get city data and geographic coordinates.
- OpenWeatherMap API: Used to get weather forecasts based on coordinates.
-
Install dependencies:
npm install
-
Run the development server:
npm run dev
-
Open the application in your browser:
Visit
http://localhost:5173/to view the app.
- Enter a city name in the search bar and click "Search" to find places.
- Click on a place from the list to fetch and display the weather forecast.
- View the weather forecast data in bar charts showing min and max temperatures for each day.
This project is licensed under the MIT License - see the LICENSE file for details.
For any questions or comments, please reach out to Emiliano Pacheco at [email protected].