Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/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.
https://github.com/ricardogesteves/track-your-trips

composition compound-components context-api geolocation javascript json-server lazy-loading leaflet leaflet-reactjs react react-router-dom suspense vite

Last synced: 19 days ago
JSON representation

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.

Awesome Lists containing this project

README

        

# 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.