Travelling Spots Web Application

Live Page: Travelling Spots

---

Overview

Welcome to Travelling Spots Web Application. In this web application you will be able to see the best Travelling Spots also you can upload your own travelling spots. But before you can upload your own experiences, you should create a account. Then you will be able to upload your own experiences.

Features

• SPA (Single Page Application)
• Real Time Authentication (Using Firebase)
• Secure Your Data (Using MongoDB Atlas)
• Simple CRUD Operation (Using MongoDB Atlas)
• User Can Upload There Own Data (by creating their own account)
• User Can Update There Own Data (by creating their own account)
• User Can Delete There Own Data (by creating their own account)
• Desktop / Laptop / Tablet / Mobile (Responsive)

Technologies Used

• Vite
• Firebase
• MongoDB Atlas
• React
• Express.JS
• NODE.JS

Dependencies

• React Router (for SPA)
• Tailwind (for css)
• Daisy UI (for components)
• React Toastify (for alert)
• Sweetalert2 (for modal)
• Swiper (for slider)
• React Icons (for icons)

Challenging Part

• Lottie React (for 404 page, faq, contacct us)
• React Simple Typewriter (for banner title)

Getting Started

1. Clone the repository git clone https://github.com/programming-hero-web-course-4/B9A10-client-side-nznazmulhuda.git

2. Change Directory cd B9A10-client-side-nznazmulhuda

3. Install all dependencies npm i

4. Set up firebase

   • Create a Firebase project at Firebase Console
   • Add Firebase configuration to your project's .env file

   AUTH_APIKEY=your-firebase-api-key
   AUTH_AUTHDOMAIN=your-firebase-auth-domain
   AUTH_PROJECTID=your-firebase-project-id
   AUTH_STORAGEBUCKET=your-firebase-storage-bucket
   AUTH_MESSAGINGSENDERID=your-firebase-messaging-sender-id
   AUTH_APPID=your-firebase-app-id
   

5. Set up server

   • Create your server
   • Run server

6. Run the development server npm run dev

7. Open your browser

   • Visit https://localhost:3000

---

Contact

For any inquiries or support, please contact nznazmulhuda04@gmail.com