Comprehensive App Refactor: Hooks, Dark Theme, Bootstrap Styling, and Google Maps Integration

[thommy890]

This pull request introduces a comprehensive refactor of the "Where's Parking?" app, implementing modern React development practices and significantly enhancing both the app's functionality and its user experience. Below are the key improvements:

Refactoring to Modern React:

• Transitioned class components to functional components, utilizing React hooks such as useState, useEffect, and useContext for state management and side effects. This change brings the app up to date with current React best practices, improving readability, maintainability, and performance.

Dark Theme Implementation:

• Added a dark theme option, enhancing visual accessibility and user preference accommodation. The theme state is managed globally using the Context API, allowing for seamless theme switching across the app.

Bootstrap Integration:

• Overhauled the app's styling using Bootstrap, ensuring a responsive and modern UI. This update includes the use of Bootstrap's grid system, components, and utilities to achieve a consistent and aesthetically pleasing design that adapts to various screen sizes.

Google Maps API Integration:

• Incorporated live Google Maps to display parking garage locations, using markers to denote each garage. A hover-over interaction on garage cards now highlights the corresponding marker on the map, displaying an InfoWindow with details about available parking spaces. This feature enhances the app's interactivity and provides users with useful, real-time information in an engaging manner.

Async/Await for Asynchronous Operations:

• Refactored existing asynchronous data fetching to use async/await syntax, improving code readability and error handling. This update modernizes the app's approach to API calls and data processing.

These improvements aim to enhance the overall user experience, making the "Where's Parking?" app more accessible, interactive, and enjoyable to use. The introduction of modern development practices also sets a solid foundation for future features and optimizations.