Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/arifanadia/exploresavvy-tourist-guide-client

context-api express-middleware firebase jwt-authentication mongodb-atlas nodejs react-router reactjs tailwind-css

Last synced: about 1 month ago
JSON representation

Host: GitHub
URL: https://github.com/arifanadia/exploresavvy-tourist-guide-client
Owner: arifanadia
Created: 2024-07-02T08:22:34.000Z (6 months ago)
Default Branch: main
Last Pushed: 2024-11-04T09:22:02.000Z (about 2 months ago)
Last Synced: 2024-11-04T10:26:09.772Z (about 2 months ago)
Topics: context-api, express-middleware, firebase, jwt-authentication, mongodb-atlas, nodejs, react-router, reactjs, tailwind-css
Language: JavaScript
Homepage: https://exploresavvy-tourist-guide.web.app/
Size: 10.1 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# exploresavvy-tourist guide

Welcome to the Tourist Guide website, your ultimate resource for exploring the beauty of Bangladesh!

## Live Site

Visit the live site: https://exploresavvy-tourist-guide.web.app/

## Features

- **Homepage**:
- Navbar with logo, website name, and user authentication (login/register)
- Dynamic user profile dropdown with links to Dashboard
- Tourism and Travel Guide Section with tabs for Overview, Our Packages, and Meet Our Tour Guides
- Tour Type Section linking to specific tour packages
- Tourist Story Section featuring clickable stories with share functionality

- **Package Details Page**
- About The Tour, Tour plan, and list of tour guides
- Booking form with user information pre-filled and date picker for booking

- **Tour Guide Profile Page**:
- Tour guide details, including reviews and rating system
- Ability for users to rate and comment on tour guides

- **Authentication**:
- Login and registration forms with social login options
- Protected routes for users, tour guides, and admins

- **User Dashboards**:
- **Tourist Dashboard**: My Profile, My Bookings, My Wishlist, Request to Admin
- **Tour Guide Dashboard**: My Profile, My Assigned Tours
- **Admin Dashboard**: My Profile, Add Package, Manage Users

- **Notifications and Alerts**:
- SweetAlert/Toast notifications for CRUD operations and authentication events

- **Advanced Features**:
- JWT authentication with local storage implementation
- Discount message for frequent users with animation effects

## Technologies Used

- **Frontend**:
- React.js with react-router-dom for routing
- React Tabs for tabbed content
- React Datepicker for date selection
- React Share for social media sharing

- **Backend**:
- Node.js with Express.js for server-side logic
- MongoDB for database storage with Mongoose for ORM
- Firebase Authentication for user authentication
- JWT for secure authentication tokens
- Tanstack Query for efficient data fetching (GET methods)

- **Additional Packages**:
- React Helmet

## Getting Started

To run this project locally, follow these steps:

1. **Clone the repository:**
```bash
git clone https://github.com/arifanadia/exploresavvy-tourist-guide-client.git
```
2. **Navigate to the project directory:**
cd exploresavvy-tourist-guide-client

3. **Install dependencies:**
npm install
4. **Start the development server:**
npm start
5. **Server-side git-repo**
```bash
git clone https://github.com/arifanadia/exploresavvy-tourist-guide-server.git
```

## Contact

Email : [email protected]

---