Entertainment Freak

A simple entertainment events management website, built using React, Firebase SDK, React Router, Tailwind CSS and Daisy UI.

Technologies Used

Getting Started

Follow these steps to clone and run the project on your local machine.

Clone the repository and navigate to the cloned repo.

Install Dependencies

npm install

Configure Environment Variables

You will be needing the environment variables for Firebase SDK before running the project. Please contact me if you need access to the .env.local file.

Run the Project

After configuring the environment variables, run this command to start the project.

npm run dev

Features & Functionalities

• Browse the Home page to discover our services, our previously hosted events, artists we worked with, and our contact sections. All these cards are displayed with awesome AOS animations.
• Click on the Learn More! button to get detailed information about a specific service you want to book. You can only see the details page if you are a signed in user.
• Login to the website by clicking the LOGIN button on the top right of the website on the navbar. It takes you to the login page, where you can login to your user account.
• Or if you are not a member, click on Register to toggle to the registration page to create a user account.
• Furthermore, you also have the option to sign in to the website using Google Authentication.
• After login or registration, you can see your Username and Profile Photo on the top right corner of the webpage on the navbar, along with the LOGOUT button.
• Take a tour of our Upcoming Events or About Us pages to get an idea of how we manage our events.
• The service details, upcoming events, and about us pages are private, so you can only access them after you login. If you are not logged in, it will redirect you to the login page, and only after you signed in using your user details, you are then redirected to your desired page.

Live Links

Firebase Deploy - https://entertainment-freak.web.app/

Netlify

New Features

• Implemented server side to store data about events and tickets.
• Displayed homepage banner using React-Responsive-Carousel.
• TODO: Fix the cookie jwt error----fixed the server error for now----go back to implementing the ticketing and ticket cart feature----try to implement some kind of dashboard with stats and chart----finish the ticketing platform
• React-Marquee to display actors worked with.
• TODO: create a new tickets collection in MongoDB with category id/name, event id/name, ticket price, quantity, etc.
• Fetch each ticket data by category/event id/name, manage state of ticket quantity with Redux. Finish the ticketing modal with cart redux management.