Full Video on YouTube CodeCraftMERN

Travello

Perfect for all kinds of travel agency. Including tours, hotel booking, activity/event, travel experiences, online booking, room bnb, villa rental, holiday rental, resort rental, cruises, car rentals, real estate, flight ticket, and more.

Overview

With its modern design and intuitive layout, the Home Page welcomes users to an exciting world of personalized booking and rental.

Features

Pages

• Total 18 Pages
  • Home x1
  • Rent Detail x1
  • Rent Filter x1
  • Auth x3
  • Dashboard x12
    • Dashboard Main x1
    • Profile Page x1
    • Rent CRUD Page x3
    • Users CRUD Page x3
    • Review CRUD Page x1
    • Purchases page x1
    • Cart page x1
    • Favorites page x1

Modals

• Total x7 Modals
  • Custom Checkout x1
  • Delete Rent x1
  • Delete User x1
  • All Reviews x1
  • User Cart x1
  • User Favorites x1
  • Advance Search Filter x1

Core

• Real-Time Interaction on Cart, Favorites, Create, Read, Update & Delete
• Authentication & Role Authorization Admin & User
• Advance search filter highlight matched words & letters
• Admin & User dashboard separate panel
• Stripe payment gateway integration
• Secure Channel Bypass role base
• Avatar & Gallery Preview
• Fully Responsive for Mobile, Tablet, Laptop & Desktop
• Intuitive and user-friendly design

Tech Stack

• Framework: Next.Js
• State Container: Redux Toolkit
• Styling: Tailwind CSS
• Icons: React Icons
• Database: MongoDB
• ORM: Mongoose
• Linting: ESLint
• Formatter: Prettier
• Backend Directory: Serverless Server

Technologies

Client	Server
@reduxjs/toolkit	bcryptjs
autoprefixer	cloudinary
eslint	jsonwebtoken
eslint-config-next	mongoose
keen-slider	multer
leaflet	multer-storage-cloudinary
next
postcss
react
react-dom
react-hook-form
react-icons
react-leaflet
react-redux
tailwind-scrollbar-hide
tailwindcss

Development

Clone Repository

git clone https://github.com/devhasibulislam/travello-template.git
cd travello-template
yarn

Environment Setup

# Base URL Path
NEXT_PUBLIC_BASE_URL="NEXT_PUBLIC_BASE_URL"

# JWT Credentials
TOKEN_SECRET="TOKEN_SECRET"

# MongoDB Credentials
DB_NAME="DB_NAME"
ATLAS_URI="ATLAS_URI"

# Cludinary Credentials
CLOUD_NAME="CLOUD_NAME"
API_KEY="API_KEY"
API_SECRET="API_SECRET"

# Stripe Payment Credentials
STRIPE_SECRET_KEY="YOUR_STRIPE_PUBLISHABLE_KEY"
NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY="YOUR_STRIPE_SECRET_KEY"

Access

• User stan@gmail.com & Stan@123
• Admin admin@gmail.com & Admin@123 => don't create any occurrence :(

Important Links

• Live Link - Click Here
• Design Link - Click Here

Author

• Developer - Hasibul Islam
• Designer - MD Saiful Islam dedicate to

find it useful then buy me a coffee 😜😜😜