https://github.com/daaniissh/s-add-prdcts

https://github.com/daaniissh/s-add-prdcts

Last synced: about 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/daaniissh/s-add-prdcts
• Owner: daaniissh
• Created: 2023-10-05T16:50:56.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2023-10-05T17:42:10.000Z (over 1 year ago)
• Last Synced: 2023-10-05T18:39:50.281Z (over 1 year ago)
• Language: JavaScript
• Homepage: https://steller-hub-admin.vercel.app
• Size: 172 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Movie Dashboard Project

![Screenshot (253)](https://github.com/daaniissh/movie-dashboard/assets/102005928/57415b82-7535-4caf-aee1-e6227b479c29)

![Screenshot (251)](https://github.com/daaniissh/movie-dashbord/assets/102005928/676f8898-c7ac-415b-a588-88dd16c8eea2)

![Screenshot (252)](https://github.com/daaniissh/movie-dashbord/assets/102005928/5c353ba2-bfd4-4b39-a98e-115515e22d6c)

### Working video

[video link🚀](https://github.com/daaniissh/movie-dashbord/assets/102005928/7ddbea36-4d13-4522-9c4c-b1a78fd0f0b9)

### 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.