A Complete Tourism & Tour Guide Management Platform
The Tourist Guide is a modern, full-featured Tourism Management System built using the MERN Stack. It is designed to help travelers explore destinations, book tours, connect with professional tour guides, share stories, and manage their travel experience—all in one platform. This project includes three user roles (Tourist, Tour Guide, Admin) and provides a complete ecosystem with secure authentication, dashboards, stories, packages, bookings, payments, and community features.

Live Link : https://www.twine.net/signin

Public Website Features
🌅 Home Page
Hero Slider / Banner
Overview Section (video supported)
Tabs: Our Packages & Meet Our Tour Guides
Random 3 packages (using MongoDB $sample)
Random 6 tour guides
Tourist Story Highlights (4 random stories)
Share button using react-share
Additional creative tourism sections

✈️ Package Details Page
Gallery with multiple images
Tour description & plans (multi-day)
All Tour Guides list
Booking form with React DatePicker
Protected “Book Now” (status stored as pending)

🌐 Community Page
All user stories
Share stories on Facebook
Protected sharing

🧑‍💻 About Us Page
Developer details + project links

🧭 All Trips Page
All packages with detailed view navigation

👤 Tourist Dashboard
Manage Profile (edit except email/role)
My Bookings
View booking status
Payment via Stripe
Cancel pending booking
Add Stories (multiple images)
Manage Stories
Edit story
Add/remove images using $push & $pull
Delete story
Join as Tour Guide
Application form + success modal

🎉 Special Feature:
If a tourist books more than 3 tours, show a celebration animation using react-confetti.

🧑‍🏫 Tour Guide Dashboard

Manage Profile
My Assigned Tours
Accept / Reject tours
Status workflow: pending → in-review → accepted/rejected
Add Stories
Manage Stories

🛡️ Admin Dashboard
Admin Statistics:
Total Payments
Total Tour Guides
Total Packages
Total Clients
Total Stories
Manage Profile
Add Packages
Manage Users
Search by name/email
Filter by role
Manage Candidates
Approve tour-guide requests (update role)
Reject & delete application

🔐 Authentication & Authorization
Firebase Authentication (Email/Password & Google Login)
Strong password & validation
JWT-based secure routes
Login redirect & protected booking
Forgot Password support
Role-based access: Tourist / Tour Guide / Admin

🧩 Technical Highlights
✨ Frontend
React.js, Tailwind CSS, DaisyUI
TanStack Query for all GET requests
React Router
React DatePicker, React Share
Framer Motion Animations
SweetAlert / Toast notifications
Fully responsive (including dashboard)

⚙️ Backend
Node.js + Express.js
MongoDB Atlas
JWT Authentication
Secure .env configuration
REST APIs with filtering, pagination, role-based access
$sample, $push, $pull MongoDB operators

💳 Payment
Stripe payment integration for tour bookings

This project is a full-stack web application built for collaborative online group study, where every registered user can create assignments, attempt them, submit answers, and grade their friends’ work. It is designed to demonstrate strong MERN stack skills, authentication, authorization, CRUD operations, secure deployment, and real-world application architecture.
The platform provides students a seamless environment to study together, exchange assignments, and evaluate each other’s progress—making learning interactive, engaging, and community-driven.

Live Link: https://www.twine.net/signin

Key Features
🔐 Authentication & Authorization
Email/Password login using Firebase Authentication
Social login (Google/GitHub)
JWT-based private route protection
Environment variable integration for Firebase + MongoDB
Logged-in users remain authenticated on page reload

📝Assignment Management
Create Assignments (title, description, marks, difficulty, due date, thumbnail, etc.)
Update Assignments (with data pre-filled for editing)
Delete Assignments (only by the creator)
Dynamic Assignment View Page
Completely responsive assignment layout
Difficulty-level filtering (easy/medium/hard) via MongoDB queries

📤 Assignment Submission
Private submission modal
Users can submit:
Google Docs link
Notes / short description
Submissions are stored with pending status

⚙️ Backend & Security

Node.js + Express.js
Secure MongoDB credentials using .env
REST API with CRUD & protected routes
JWT token verification middleware
Filtering & searching handled on backend