Live Server: https://shadow-tourist.web.app/
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.
React js, MongoDB, Express, Firebase, JWT, Axios, React Query, React Hook Form, Tailwind, Stripe Payment
- 📝 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: [email protected]
- React leaflet
- Framer-motion
- react-date-picker
- react-helmet-async
- react-share
- moments
- react-confetti
- react-responsive-carousel
- Lottie
- sweetalert2
- react-tabs
First, clone the repository to your local machine using the following command:
git clone https://github.com/TanveerAhmed4545/react-shadow-tourist-client.git
Change into the project directory:
cd repository-name
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.
Install the required dependencies by running:
npm install
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.