Moviedux – Simple React Movie CRUD App

Project Overview:

Moviedux is a web application built with React.js that allows users to browse and manage a collection of movies easily. The app supports full CRUD functionality with a REST API (using json-server) and provides a user-friendly interface for managing movies.

Pages:

- MovieGrid: Browse a collection of movies and add any movie to your watchlist with a single click.

- Watchlist: View movies added to your watchlist and keep track of what you plan to watch.

- Login & Signup: Secure user authentication to access personalized features.

- Create Movie: Add new movies to the database.

- Edit Movie: Modify movies you’ve added.

- Movie Details: View detailed information about a selected movie.

Key Features:

- Authorization: Protects certain pages and features using Auth API based on user login status.

- Movie Filters: Dropdowns for filtering movies by genre and rating (Good, Average, Poor, or All).

- Responsive Design: Clean layout for smooth user experience across devices.

Technologies Used:

React – for building the user interface.

React Router – for navigating between pages.

CSS – for responsive styling.

Context API with Custom Hook – centralized state management and easy data access.

Project Goal:

The project aims to provide a simple and easy-to-use platform for movie enthusiasts to browse, filter, and manage their own movie collection. Users can add movies to a watchlist, filter by genre or rating, and perform create, update, and delete actions. Login ensures personalized and secure user experiences.

Note: The project is still under development.