ReactJS Movie Shop CRUD
CRUD system using React, Js, Node and MySQL for development of this application.
About the Movie Shop CRUD
CRUD’s Initial Information:
CRUD’s Initial Page:
The initial page reveals an interface with an ‘Add New Movie’ button that allows the main user to add a new item. It can store a movie name, its description, a linked image and a price.
It can store a movie name, its description, a linked image and a price.
As it was previously said, you can also update the movie’s information. In this example, the movie Spider-Man (2002) was chosen to be updated. You can see that the movie’s information still appear to the user while being updated so they can see what they are exactly updating.
A small part of the code that gets the value of said movie and keeps it while on the update page. This image is from the Update.jsx code page.
When clicking on the ‘Delete’ button, the hover gets covered by the same color that surrounds the button. When clicking on it, a small alert() is triggered so the user can confirm if they want to delete that movie forever or cancel it if they clicked unintentionally.
The movie is then deleted after clicking ok.
The application is also responsive for mobile and smaller devices as it’s shown below.