tiendk195 / travel_booking

Fullstack web with font-end React back-end express-nodejs and mongodb

MERN Travel-Booking Project

This is a MERN (MongoDB, Express.js, React.js, Node.js) project for learning purposes focused on developing a Travel-Booking application.

Table of Contents

• Introduction
• Features
• Technologies
• Installation
  • Backend Installation
  • Frontend Installation
• Usage
  • Running Backend
  • Running Frontend
• Environment Variables
• Strengths
• Deployments
  • Backend Deployment
  • Frontend Deployment
• Reference Application

Introduction

This project is designed to provide hands-on experience in building a Travel-Booking application using the MERN stack. The backend is developed using Node.js with Express.js to create API endpoints for fetching tour information and implementing features like data validation using Joi and JWT token authentication. The frontend is developed using React.js for building the user interface.

Features

• Backend API endpoints for retrieving tour information
• Data validation using Joi
• JWT token authentication
• User-friendly frontend interface for booking tours
• Integration of Reactstrap for UI components
• Implementation of React Router for navigation

Technologies

• MongoDB Atlas: Database
• Express.js: Backend framework for Node.js
• React.js: Frontend library for building user interfaces
• Node.js: JavaScript runtime environment
• JWT: JSON Web Tokens for authentication
• Joi: Library for data validation
• Reactstrap: Bootstrap components for React
• React Router DOM: Library for routing in React applications
• Vercel: Deployment platform for frontend

Installation

Backend Installation

1. Clone the repository:

git clone https://github.com/tiendk195/Travel_Booking

2. Navigate to the backend folder:

cd backend

3. Install dependencies:

npm install

Frontend Installation

1. Navigate to the frontend folder:

cd frontend

2. Install dependencies:

npm install

Usage

Running Backend

1. Navigate to the backend folder:

cd backend

2. Run the development server:

npm run dev

Running Frontend

1. Navigate to the frontend folder:

cd frontend

2. Start the development server:

npm start

Environment Variables

Make sure to create a .env file in both the backend and frontend folders with the following variables:

• PORT: Port number for the server
• MONGO_URL: MongoDB Atlas connection URL
• JWT_SECRET_KEY: Secret key for JWT token encryption

Strengths

Upon completing this project, you will gain knowledge in the following areas:

• Building a full-stack web application using the MERN stack
• Creating API endpoints with Node.js and Express.js
• Data validation techniques using Joi
• User authentication using JWT tokens
• React.js for building dynamic user interfaces
• Integration of Reactstrap for UI components
• Implementation of React Router for navigation

Deployments

Backend Deployment

The backend can be deployed to a platform like Heroku or AWS Elastic Beanstalk.

Frontend Deployment

The frontend can be deployed to Vercel, which provides seamless deployment for React applications.

Reference Application

After completing this project, you can refer to the deployed Travel-Booking application Travel-Booking. This reference application will provide additional insights and serve as inspiration for further enhancements to your project.