datmaiq/location-tracking-fe

Location Tracking FE

Project Description

The "Location Tracking FE" project is designed to provide a front-end interface for tracking the location of users. Its main features include:

• Add location
• Add friend
• View map
• Light theme
• Dark theme
• Check my location
• Friends' location
• User-friendly interface
• Real-time chat with socket.io
• Integration with location APIs for accurate tracking

User Stories

As a user, I want to:

1. See my current location and places I've been to on a real-time map to track my location.
2. See if my friends have been there or are there to visit.
3. Meet up with friends by texting in real-time on the app to make an appointment or ask about what's special about that place so I can go.

Setup Instructions

1. Clone the Repository:

   git clone https://github.com/datmaiq/location-tracking-fe.git

2. Navigate to the Project Directory:

   cd location-tracking-fe

3. Install Dependencies:

   npm install

4. Run the Application:

   npm start

Technologies Used

• React Router: Managing application routes.
• Tailwind CSS: Styling the application.
• axios: HTTP client for making API requests.
• Mapbox GL JS: Displaying and interacting with maps.
• js-cookie: Managing cookies, such as for storing user sessions or preferences.
• socket.io-client: Real-time, bidirectional communication library.
• three: JavaScript 3D library for rendering graphics.
• three-globe: Adds 3D globe rendering capabilities to Three.js.
• react-copy-to-clipboard: Provides copying text to the clipboard functionality.
• leaflet: Library for interactive maps.
• leaflet-easyprint: Adds printing capabilities to Leaflet maps.
• leaflet.bigimage: Handles large image overlays on Leaflet maps.

Demo

You can see the project in action at Location Tracking FE Demo.