This project is a simple web application that allows users to manage a movie catalog by performing CRUD (Create, Read, Update, Delete) operations. The application is built using ReactJS for the frontend and NodeJS with ExpressJS for the backend.Database used is MongoDb.
- Add Movies: Users can add new movies to the catalog by entering details such as title, genre, director, and release year.
- Edit Movies: Existing movies in the catalog can be updated with new information.
- Delete Movies: Users can remove movies from the catalog.
- Search and Filter: Users can search for movies based on various criteria, such as title, genre, or director.
- Frontend: ReactJS
- Backend: NodeJS, ExpressJS
- Database: MongoDB
Make sure you have the following installed on your system:
- Node.js
- npm (Node Package Manager)
-
Clone the repository to your local machine:
git clone https://github.com/nath-asha/crud.git cd crud -
Install the required dependencies:
npm install
-
Navigate to the
clientdirectory to install frontend dependencies:cd client npm install -
Navigate back to the root directory:
cd .. -
Start the backend server:
npm run server
-
In another terminal, start the frontend development server:
npm run client
-
The application should now be running on
http://localhost:3000for the frontend andhttp://localhost:5000for the backend.
- Add a Movie: Click on the "Add Movie" button and fill out the form with the movie's details. Submit the form to add the movie to the catalog.
- Edit a Movie: Click the "Edit" button next to a movie in the list, make your changes in the form, and save them.
- Delete a Movie: Click the "Delete" button next to a movie to remove it from the catalog.
- Search and Filter: Use the search bar to filter movies by title, genre, or other criteria.