This is a simple single-page React application that uses Google Place Autocomplete to find places and display them on a map. It incorporates Redux for state management, Material-UI for the user interface, and follows best practices for code organization and scalability.
- Autocomplete search input that fetches place suggestions from the Google Places API.
- Display of search results on list.
- Redux integration for state management.
- Material-UI components for a visually appealing user interface.
- Redux-Observable Epics for handling asynchronous actions.
- Higher-Order Components (HOCs) for additional functionality and logging.
- Functional programming principles for improved code maintainability.
-
Clone the repository:
git clone <repository-url>
-
Install dependencies:
npm install
-
Obtain a Google Places API key. Replace 'YOUR_API_KEY' in src/epics/autocompleteEpic.js with your actual API key.
-
Start the development server:
npm start
-
Open the application in your browser:
http://localhost:3000
- src/components: Contains the main components of the application.
- src/epics: Includes the Redux-Observable epics for handling asynchronous actions.
- src/hoc: Contains Higher-Order Components for additional functionality.
- src/redux: Holds the Redux store, actions, and reducers for state management.
- src/index.js: Entry point of the application.
Contributions are welcome! If you have any suggestions, bug reports, or feature requests, please open an issue or submit a pull request.
This project is licensed under the MIT License.
Feel free to customize the content of the Readme.md file based on your project's specific details and requirements.