Event Maestro

Introduction :-

The Event Maestro website is a comprehensive platform that simplifies event planning and management. It allows users to book events, create their own events, and offers a responsive layout for seamless access across various devices.

Project Type:-

Fullstack (MERN)

Deployed App:-

Frontend: https://event-maestro-jfkz.vercel.app/
Backend: https://eventmaestro.onrender.com

EventMaestro Directory Structure

├── Backend/
│ ├── .env
│ ├── .gitignore
│ ├── index.js
│ ├── package-lock.json
│ ├── package.json
│ └── src/
│ ├── Middleware/
│ │ ├── access.js
│ │ └── auth.js
│ ├── configs/
│ │ └── db.js
│ ├── controllers/
│ │ ├── event.js
│ │ └── user.js
│ ├── models/
│ │ ├── blacklist.Schema.js
│ │ ├── event.schema.js
│ │ └── user.schema.js
│ └── routes/
│ ├── event.routes.js
│ └── user.routes.js
├── Frontend/
│ ├── .env
│ ├── .eslintrc.cjs
│ ├── .gitignore
│ ├── README.md
│ ├── index.html
│ ├── package-lock.json
│ ├── package.json
│ ├── src/
│ │ ├── App.css
│ │ ├── App.jsx
│ │ ├── Components/
│ │ │ ├── AppNavbar.jsx
│ │ │ ├── BookedEvents.jsx
│ │ │ ├── Carouj.jsx
│ │ │ ├── Carousel.jsx
│ │ │ ├── Checkout.jsx
│ │ │ ├── Container.jsx
│ │ │ ├── EventCreationModal.jsx
│ │ │ ├── FloatingContactForm.jsx
│ │ │ ├── Footer.jsx
│ │ │ ├── InternationalWeddingPlanner.jsx
│ │ │ ├── Middle.jsx
│ │ │ ├── OurServices.jsx
│ │ │ ├── Payment.jsx
│ │ │ ├── VideoSection.jsx
│ │ │ ├── WelcomeSection.jsx
│ │ │ └── vars.js
│ │ ├── Page/
│ │ │ ├── EventPage.jsx
│ │ │ ├── FindEvent.jsx
│ │ │ ├── HomePage.jsx
│ │ │ └── Login.jsx
│ │ ├── Routes/
│ │ │ └── AllRoutes.jsx
│ │ ├── Styles/
│ │ │ ├── Checkout.css
│ │ │ ├── Container.css
│ │ │ ├── FloatingContactForm.css
│ │ │ ├── InternationalWeddingPlanner.css
│ │ │ ├── Login.css
│ │ │ ├── Middle.css
│ │ │ ├── OurServices.css
│ │ │ ├── Payment.css
│ │ │ ├── VideosSection.css
│ │ │ └── WelcomeSection.css
│ │ ├── admin/
│ │ │ ├── Admin.jsx
│ │ │ └── admin.css
│ │ ├── assets/
│ │ │ ├── Img_1.jpg
│ │ │ ├── Img_2.png
│ │ │ ├── Img_3.png
│ │ │ ├── Img_4.png
│ │ │ ├── Logo.jpeg
│ │ │ ├── Logo.png
│ │ │ ├── airplane.png
│ │ │ ├── artist.png
│ │ │ ├── balloons.png
│ │ │ ├── bg.jpg
│ │ │ ├── brand.png
│ │ │ ├── chip.png
│ │ │ ├── cocktail.png
│ │ │ ├── corporate.png
│ │ │ ├── couple.png
│ │ │ ├── curtains.png
│ │ │ ├── dish.png
│ │ │ ├── fashion.png
│ │ │ ├── garlands.png
│ │ │ ├── globe-1.jpg
│ │ │ ├── guests.png
│ │ │ ├── hospitality.png
│ │ │ ├── location.png
│ │ │ ├── management.png
│ │ │ ├── marker.png
│ │ │ ├── meeting.png
│ │ │ ├── musical-note.png
│ │ │ ├── phone1.png
│ │ │ ├── photo-camera.png
│ │ │ ├── react.svg
│ │ │ ├── seminar.png
│ │ │ ├── singer.png
│ │ │ ├── slider1.jpg
│ │ │ ├── title-icon.png
│ │ │ ├── v3_f1.jpg
│ │ │ ├── v3_f2.jpg
│ │ │ ├── v3_f3.jpg
│ │ │ ├── video-camera.png
│ │ │ ├── virtual.png
│ │ │ ├── visa.png
│ │ │ ├── w-chat.png
│ │ │ ├── waiter.png
│ │ │ ├── wedding-rings.png
│ │ │ ├── wedding.png
│ │ │ └── whatsapp-icon.png
│ │ ├── index.css
│ │ ├── main.jsx
│ │ ├── postcss.config.js
│ │ └── styles/
│ │ └── admin.css
│ ├── tailwind.config.js
│ ├── vercel.json
│ └── vite.config.js
└── README.md

Video Walkthrough of the project

link: https://youtu.be/fdQI8QDk6uc?si=C-Qlhjc5CGJs-7Ap

Features

• Responsive and dynamic website
• User authentication using jwt
• Password hashing
• CRUD Operations
• Search property using search param
• Private routes
• Admin functionality

Design decisions or assumptions

The development focused on creating an intuitive and secure platform that emphasizes community building among food enthusiasts. Assumptions include a high engagement rate based on quality content and user-friendly features.

Snapshot of Website

Navbar

SignIn / SignUp

Carousel

Mid-Section

Footer

Installation & Getting started

Detailed instructions on how to install, configure, and get the project running.

To run the frontend website, enter the following commands in your terminal:

# Move into the FrontEnd Directory
cd frontend/

# Install all dependencies
npm install

# Run the dev server
npm run dev

To run the backend server, enter the following commands in your terminal:

# Move into the BackEnd directory
cd backend/

# Install all dependencies
npm install

# Run the server
npm run start

Credentials

To be able to access the Admin Dashboard, enter these credentials in the Login Page :

UserId : planner@gmail.com
Password: planner

Normal user:

Email:user@gmail.com
Password: user

API Endpoints

The deployed server can be used to fetch and sort any data. Further, it can be used to log in and register a user.

• API : https://eventmaestro.onrender.com

• GET /posts - retrieve all items

• POST /posts - create a new item

• PATCH /posts/:id - Patch an item

• DELETE /posts/:id - Delete an item

• POST /login - login in a user

• POST /register - create a user account

• POST/logout -logout a user account

Technology Stack

List and provide a brief overview of the technologies used in the project.

• Frontend: React.js, Chakara UI, BootStrap, Axios
• Backend: Node.js, Express.js
• Database: MongoDB
• Other: Mongoose, JWT

Contributors

Event Maestro is a collaborative project. Meet our collaborators:

Krishna Pratap (Ft30_114)
Shivani Patil (Ft30_289)
Abhay Kawle (Fw28_126)