Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.
- Host: GitHub
- URL: https://github.com/ricardogesteves/track-your-trips
- Owner: RicardoGEsteves
- Created: 2023-11-17T22:23:18.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2024-10-02T19:32:41.000Z (about 1 month ago)
- Last Synced: 2024-10-11T08:10:45.368Z (about 1 month ago)
- Topics: composition, compound-components, context-api, geolocation, javascript, json-server, lazy-loading, leaflet, leaflet-reactjs, react, react-router-dom, suspense, vite
- Language: JavaScript
- Homepage:
- Size: 1.01 MB
- Stars: 3
- Watchers: 1
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
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.