Movie Dashboard Project

Working video

movie.app.video.webm

Overview

This project is a Movie Dashboard created using the MERN stack (MongoDB, Express.js, React.js, and Node.js). The dashboard consists of three main pages: Home Page, Add Genre Page, and Add Movie Page. The frontend is developed using React.js and Tailwind CSS with the DaisyUI plugin, while the backend is built with Node.js, Express.js, and Cors. Axios is used for making HTTP requests.

Technology Stack

Frontend

• React.js
• Tailwind CSS
• DaisyUI
• Axios

BackEnd

• Node.js
• Express.js
• Cors

Pages

Home Page

The Home Page serves as the main landing page of the Movie Dashboard. It provides an overview of the existing movies and genres stored in the database. Users can browse, The page also displays relevant information about each movie, such as the title, genre,image, and rating.

Add Genre Page

The Add Genre Page allows users to add new genres to the movie database. Users can enter the name of the genre and submit the form to create a new genre entry. and edit and delete genres.

Add Movie Page

The Add Movie Page enables users to add new movies to the dashboard. Users can input details such as the movie title, genre, and rating. The form includes validation to ensure that all required fields are filled and that the entered data is in the correct format. Upon submission, the movie is added to the database and reflected on the Home Page.