This is a weather forecast application developed to practice JavaScript, API usage, DOM manipulation, and asynchronous programming. It allows users to search for the current weather, hourly forecast, and daily forecast of a specific location. It also displays upcoming events in the area and keeps a search history for quick access to previously searched locations. Users can switch between metric and imperial units.
It was an assignment from The Odin Project curriculum.
Live 👉 here
- Dynamic content rendering using JavaScript.
- Search for specific locations to view weather data.
- Displays weather based on IP geolocation.
- Display current weather, hourly forecast, and weekly forecast.
- Toggle between Fahrenheit and Celsius.
- Display upcoming events in the searched location using Ticketmaster API.
- Background dynamically changes with time of day.
- Search history
- Responsive design.
- HTML
- SCSS
- JavaScript
- date-fns
- Vite
- Weather API
- Ticketmaster API
- Visual Studio Code
- Chrome dev tools
- WSL2
- Git
- GitHub Pages
- Fetching and processing data from multiple APIs (Weather and Ticketmaster).
- Handling errors and edge cases in user input and API responses.
- Displaying dynamic content on the webpage based on fetched data.
- Implementing a responsive design for different screen sizes.
- Improved my skills in JavaScript, particularly in DOM manipulation and handling asynchronous operations with async/await.
- Gained experience working with multiple APIs and processing their responses. Learned how to create a responsive and visually appealing application using SCSS.
- Add more visual elements and animations for a better user experience.
- Add the ability to save favorite locations for easy access.
- Integrate more APIs for additional data and features.
👤 Keadon Mitchell
- GitHub: KeadonM