https://github.com/omraj0/profile-navigator-with-map
Navigates profile of users with the help of Map using Mapbox-gl
https://github.com/omraj0/profile-navigator-with-map
bootstrap javascript map-navigation mapbox-gl reactjs
Last synced: 24 days ago
JSON representation
Navigates profile of users with the help of Map using Mapbox-gl
- Host: GitHub
- URL: https://github.com/omraj0/profile-navigator-with-map
- Owner: omraj0
- Created: 2024-12-12T06:35:06.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-29T17:42:36.000Z (over 1 year ago)
- Last Synced: 2025-01-29T18:33:15.942Z (over 1 year ago)
- Topics: bootstrap, javascript, map-navigation, mapbox-gl, reactjs
- Language: JavaScript
- Homepage: https://profile-navigator-with-map.vercel.app/
- Size: 229 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🌐 Profile Map Navigator 🗺️
Welcome to the **Profile Map Navigator** project! 🚀
This project is built using **React.js**, **Mapbox-gl**, **JavaScript**, and **Bootstrap**. It allows you to visualize and navigate profiles on a map. 🌍
Check out the live project [here](https://profile-navigator-with-map.vercel.app/). 🌐
## Features ✨
- **Interactive Map** 🗺️: Powered by Mapbox-gl for seamless navigation.
- **Profile Display** 👤: View profiles directly on the map.
- **Responsive Design** 📱💻: Thanks to Bootstrap, it looks great on all devices.
- **Fast and Efficient** ⚡: Built with modern web technologies for optimal performance.
## Installation 🔧
Follow these steps to get the project up and running on your local machine:
1. **Clone the repository**:
```bash
git clone https://github.com/omraj0/Profile-Navigator-with-Map.git
```
2. **Navigate to the project directory**:
```bash
cd Profile-Navigator-with-Map
```
3. **Install dependencies**:
```bash
npm install
```
4. **Start the development server**:
```bash
npm start
```
## Usage 📖
- Open your web browser and go to `http://localhost:3000` to see the project in action. 🌟
- Explore the map, click on profiles, and enjoy the navigation experience! 🎉
## Technologies Used 🛠️
- **React.js**: A JavaScript library for building user interfaces. ⚛️
- **Mapbox-gl**: A JavaScript library for interactive, customizable vector maps. 🗺️
- **JavaScript**: The programming language of the web. 🌐
- **Bootstrap**: A powerful, mobile-first front-end framework. 🌟
## Contributing 🤝
Contributions are welcome! 🎉 If you'd like to contribute, please fork the repository and submit a pull request. For major changes, please open an issue first to discuss what you would like to change.
## License 📜
This project is licensed under the MIT License. 📝
---
Built with 💖 by [Om Raj](https://github.com/omraj0)