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.

  Location Tracking FE Project Description The "Location Tracking FE" project provides a front-end interface for tracking user locations and interacting with friends. Key features include real-time location tracking on a map, adding locations, adding friends, light and dark themes, and real-time chat using socket.io. The application integrates with location APIs for accurate tracking.

User Stories As a user, I want to:

User stories As a user, I want to see my current location and places I've been to on a real-time map to track my location and see if my friends have been there or are there to visit. meet up so I can text real-time on the app to make an appointment or ask about what's special about that place so I can go Setup Instructions Clone the Repository:

git clone https://github.com/datmaiq/location-tracking-fe.git Navigate to the Project Directory:

cd location-tracking-fe Install Dependencies:

npm install Run the Application:

npm start Technologies Used React Router: Manages application routes. Tailwind CSS: Styles the application. axios: HTTP client for API requests. Mapbox GL JS: Displays interactive maps. socket.io-client: Enables real-time chat functionality. three: JavaScript 3D library. three-globe: Adds 3D globe rendering to Three.js. react-copy-to-clipboard: Facilitates copying text to the clipboard. leaflet: Library for interactive maps. leaflet-easyprint: Adds printing capabilities to Leaflet maps. leaflet.bigimage: Handles large image overlays on Leaflet maps.