RicardoGEsteves / track-your-trips

Optimized tracking application with lazy component imports, suspense, context, geolocation etc... | It's a React application developed using Vite that allows users to track, save, pin, and share their travel experiences. This application serves as a comprehensive tool to document and showcase your adventures across various cities worldwide.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Track Your Trips

Track Your Trips is a React application developed using Vite that allows users to track, save, pin, and share their travel experiences. This application serves as a comprehensive tool to document and showcase your adventures across various cities worldwide.

Overview

"You travel the world. Track Your Trips keeps track of your adventures." With an interactive world map, this application meticulously traces your footsteps in every city imaginable. It ensures you never forget your remarkable experiences and enables you to share your global wanderings with friends.

Features

  • Trip Tracking: Keep a detailed record of your trips.
  • Saving Trips: Save your favorite travel memories for future reference.
  • Pin Locations: Mark significant locations on the map.
  • Sharing: Share your travel experiences with friends and family.

Tech Stack

Dependencies

  • json-server: ^0.17.4
  • leaflet: ^1.9.4
  • react: ^18.2.0
  • react-datepicker: ^4.25.0
  • react-dom: ^18.2.0
  • react-leaflet: ^4.2.1
  • react-router-dom: ^6.21.1

Dev Dependencies

  • @types/react: ^18.2.46
  • @types/react-dom: ^18.2.18
  • @vitejs/plugin-react-swc: ^3.5.0
  • eslint: ^8.56.0
  • eslint-plugin-react: ^7.32.2
  • eslint-plugin-react-hooks: ^4.6.0
  • eslint-plugin-react-refresh: ^0.4.5
  • vite: ^5.0.10

Installation

  1. Clone the repository.
  2. Navigate to the project directory.
  3. Install dependencies using npm install.
  4. Start the application with npm start.

Usage

  1. Access the application on your browser.
  2. Sign up or log in to start tracking your trips.
  3. Use the interactive map to mark your travel destinations.
  4. Save and share your trips with ease.

Contributing

Contributions are welcome! If you have any suggestions, bug reports, or feature requests, please open an issue or create a pull request.

About

Optimized tracking application with lazy component imports, suspense, context, geolocation etc... | It's a React application developed using Vite that allows users to track, save, pin, and share their travel experiences. This application serves as a comprehensive tool to document and showcase your adventures across various cities worldwide.


Languages

Language:JavaScript 71.8%Language:CSS 27.2%Language:HTML 1.0%