Movie App React Redux

Short Description

In this project, I developed a cinema-themed movie management application that handles the movie listing, detail viewing, and editing flow.

Problem

In movie-centric interfaces, list, detail, and editing screens can easily become disorganized. In this project, I focused on consolidating this flow into a single structure and establishing a more organized navigation and management experience.

Solution

I built the application using React, Redux Toolkit, and React Router. While consolidating the movie card, detail page, search, and sorting flow within the same interface, I separated state management into product, auth, and modal domains. On the data side, I utilized a combination of Axios, Fetch API, and a local JSON Server flow to manage movie addition, editing, and list management client-side.

Outcome

The result is a movie catalog application that runs on desktop and mobile, boasts a strong visual language, and offers a clear flow. The project showcases React's component structure, state management with Redux, and CRUD logic through a more cohesive interface.

Technologies

React, JavaScript, Redux Toolkit, React Router DOM, Tailwind CSS, Axios, Fetch API, React Icons, JSON Server, Vite

Setup