A clone of Google Maps using React.js

Google Maps Clone (Gatere Maps)

This project is a clone of Google Maps, the popular web mapping service that offers satellite imagery, street maps, 360° panoramic views of streets, real-time traffic conditions, and route planning.

[

](https://g-maps-clone.vercel.app/)

---

Technologies Used

• ReactJS : A JavaScript library for building user interfaces.
• Tailwind CSS : A utility-first CSS framework for rapidly designing responsive web pages.
• Maps API: Used for rendering the interactive maps.
• GeoCoding API: Integrated for location search functionality.
• Vite : A fast and efficient build tool for modern web development.
• Vercel : A cloud platform for static site deployment.

Features

• Interactive map interface similar to Google Maps.
• Search for locations using the integrated GeoCoding API.
• Search for a location using coordinates.
• Street view: You can explore the streets of any location in the world.
• Utilizes React Icons for consistent and attractive UI elements.

Getting Started

To get started with Gatere Maps locally, follow these steps:

1. Clone the repository:

2. Install the dependencies:

3. Register for a Maps API via Google Cloud

4. Start the development server:

5. Open your browser and visit specified local host port to view the app eg. http://localhost:5173

Deployment

Gatere Maps is deployed using Vercel. Any changes pushed to the main branch will trigger an automatic deployment. You can visit the live version of HomeTopia at https://g-maps-clone.vercel.app/.

Contributing

Contributions are welcome! If you encounter any issues or have suggestions for improvement, please open an issue or submit a pull request.

1. Fork the repository.
2. Create a new branch.
3. Make your changes and commit them.
4. Push to the branch.
5. Submit a pull request.

GitHub

View Github