The Tourism Management Spot
is a user-friendly web application for tourists to explore and share famous places worldwide. Users can log in to view detailed
information about tourist spots, add
their own spots with descriptions, and manage
them by updating
or deleting
entries. They can also review
and rate
places added by others, but not their own, ensuring fairness. Reviews can be edited
or removed
by the reviewer. The site is fully responsive
, offering smooth access on mobile
, tablet
, and desktop
. Future updates will include an interactive map to showcase tourist spots. Built with a robust technology stack, the platform ensures excellent performance and scalability.
Tourist Spot Management:
Add
,view
,update
, anddelete
personal tourist spots.- View country-specific famous places.
Authentication:
- Secure login and registration via Firebase.
- Tourist spot details are restricted to logged-in users.
User Reviews and Ratings:
- Add reviews and ratings for others' tourist spots. Edit or delete personal reviews.
- Prevents users from reviewing their own spots.
Profile Management:
- Update user profiles for personalization.
Responsiveness:
- Seamless user experience on mobile, tablet, and desktop devices.
Future Enhancements:
- Map integration for visualizing tourist spot locations.
- React
- MongoDB
- Node JS
- Express
- Firebase
- React Router
- DaisyUI
- Tailwind
- @fortawesome/fontawesome-svg-core: ^6.6.0
- @fortawesome/react-fontawesome: ^0.2.2
- aos: ^2.3.4
- axios: ^1.7.7
- firebase: ^10.14.0
- prop-types: ^15.8.1
- react: ^18.3.1
- react-dom: ^18.3.1
- react-fast-marquee: ^1.6.5
- react-helmet-async: ^2.0.5
- react-hook-form: ^7.53.0
- react-icons: ^5.3.0
- react-router-dom: ^6.26.2
- react-simple-typewriter: ^5.0.1
- react-toastify: ^10.0.5
- sweetalert2: ^11.14.4
- swiper: ^11.1.14
Run npm install
to install project dependencies
- Clone the repository
git clone https://github.com/MdAfsarHossain/Tourism-Management-System-Client.git
cd tourism-management-system-client
- Install dependencies using
npm install
- Run the website to locally
npm run dev
- Open the website in your local browser http://localhost:5173