Shadow Tourist

Live Server: https://shadow-tourist.web.app/

Server site:https://github.com/TanveerAhmed4545/react-shadow-tourist-server

About

Shadow Tourist is a meticulously designed tour guide website created with React, React Router, and Tailwind CSS, featuring a user-friendly layout and original design.It includes essential pages like Home, Blogs, About Us, Contact Us, Community, and Login/Register.

Technologies:

React js, MongoDB, Express, Firebase, JWT, Axios, React Query, React Hook Form, Tailwind, Stripe Payment

Features

• 📝 This is a tour guide-related website.
• 📝 This website design was created by myself.
• 📝 An admin dashboard is available to manage tourists, guides, and admins.
• 📝 This site supports user authentication and uses MongoDB for data management.
• 📝 This website integrates Stripe for secure payment processing.
• 📝 This website is built with React library and also React router.
• 📝 This website is built with a tailwind CSS library.
• 📝 This website mainly has 3 pages. Home/ blogs / about us/ contact us/community and also login and register.
• 📝 The Home Page contains the Navbar, Banner, Tourism and Travel Guide Section, Tour Type Section, Tourist Story Section and Footer.
• 📝 MongoDB collection and data have been created by me and that data has been used for this Website.
• 📝 Things like React Sweet Alert, React Router, React Icons, Jwt token, sweeper, Imgbb, Framer Motion, React Vite, Firebase, Express, and MongoDB have also been used in this project.

Admin email: hero@gmail.com

Admin password: Ta123456

Packages

• React leaflet
• Framer-motion
• react-date-picker
• react-helmet-async
• react-share
• moments
• react-confetti
• react-responsive-carousel
• Lottie
• sweetalert2
• react-tabs

Installation:

Step 1: Clone the Repository

First, clone the repository to your local machine using the following command:

git clone https://github.com/TanveerAhmed4545/react-shadow-tourist-client.git

Step 2: Navigate to the Project Directory

Change into the project directory:

cd repository-name

Step 3: Prepare the Project

Before installing dependencies, make sure to clean up any existing ones:

• Delete the node_modules folder, if it exists.
• Delete the package-lock.json file, if it exists.

Step 4: Install Dependencies

Install the required dependencies by running:

npm install

Step 5: Start the Application

Run the following command to start the application:

npm start

Now, open your browser and go to http://localhost:3000/ to view your React app.