Git Product home page Git Product logo

devhasibulislam / travello-template Goto Github PK

View Code? Open in Web Editor NEW
21.0 2.0 3.0 28.54 MB

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.

Home Page: https://travello-template.vercel.app

JavaScript 99.73% CSS 0.26% HTML 0.01%
javascript nextjs nextjs13 redux-toolkit deploy mvc-pattern vercel vercel-serverless

travello-template's Introduction

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.

Overview

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

Important Links

Author

find it useful then buy me a coffee ๐Ÿ˜œ๐Ÿ˜œ๐Ÿ˜œ

devhasibulislam - buy me a coffee

travello-template's People

Contributors

devhasibulislam avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.