https://github.com/pejhvaman/mapist
React + Vite web app for a tour company, featuring travel tracking on interactive Leaflet maps and detailed list views. Implements secure authentication, React Router for navigation, and displays tour info and pricing. Built with JavaScript, CSS Modules, and Leaflet
https://github.com/pejhvaman/mapist
css-modules leaflet react react-router
Last synced: 4 months ago
JSON representation
React + Vite web app for a tour company, featuring travel tracking on interactive Leaflet maps and detailed list views. Implements secure authentication, React Router for navigation, and displays tour info and pricing. Built with JavaScript, CSS Modules, and Leaflet
- Host: GitHub
- URL: https://github.com/pejhvaman/mapist
- Owner: pejhvaman
- Created: 2025-01-13T06:58:47.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2025-07-05T15:02:39.000Z (7 months ago)
- Last Synced: 2025-07-05T16:24:55.297Z (7 months ago)
- Topics: css-modules, leaflet, react, react-router
- Language: JavaScript
- Homepage: https://mapist.vercel.app
- Size: 950 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🌍 Mapist – Travel Tracker for Tourists
**Mapist** is a modern travel-tracking web application built for tour companies and their customers. It enables tourists to log their trips on an interactive map, browse tour offerings, and securely manage personal travel data — all within a fast, responsive interface.
---
## ✨ Features
- 🗺️ **Interactive Travel Tracking**
Log past trips, visualize them on a map, and review locations in a timeline view.
- 📚 **Tour & Pricing Information**
Access up-to-date information about available tours, pricing, and company background.
- 🔐 **User Authentication**
Secure login system for personalized data management and travel logs.
- 🔀 **Client-Side Routing**
Smooth navigation across views using React Router.
---
## 🛠️ Tech Stack
| Category | Tech |
|----------------|--------------------------|
| Frontend | React |
| Build Tool | Vite |
| Styling | CSS Modules |
| Mapping | Leaflet + React-Leaflet |
| Routing | React Router |
| Dev Server | JSON Server (mock API) |
| Language | JavaScript (ES6+) |
---
## 🚀 Getting Started
### 1. Clone the repository
```bash
git clone https://github.com/yourusername/Mapist.git
```
### 2. Navigate to the project folder
```bash
cd Mapist
```
### 3. Install dependencies
```bash
npm install
```
### 4. Start the development server
```bash
npm run dev
```
### 5. Start the mock backend (JSON server)
```bash
npm run server
```
> Note: The mock server serves `data/cities.json` on `http://localhost:5000`.
---
## 🧱 Build & Deployment
### Build the project for production
```bash
npm run build
```
### Preview the production build locally
```bash
npm run preview
```
---
## 📌 Usage Highlights
- View and manage travel history via map and list.
- Browse available tours and detailed company descriptions.
- Securely log in and maintain personal travel data.
- Navigate the app intuitively using modern routing techniques.
---
## 📬 Feedback & Contributions
Feel free to [open an issue](https://github.com/pejhvaman/mapist/issues) or submit a pull request if you want to contribute, fix bugs, or suggest features.