A responsive React application that allows users to browse through movies in an interactive 3D carousel, with swipe gestures to like or dislike movies in a movie festival to get a list of the movies you want to see.
This is a Next.js project bootstrapped with create-next-app.
- Browse movies in a visually appealing arc layout (z-index with scale + perspective)
- Swipe left/right to navigate through movies
- Swipe on movie details to like or dislike movies
- Works on both desktop and mobile devices
- Smooth animations powered by Framer Motion
- Background adapts to the currently selected movie
- Swipe left or right to navigate through the movie carousel
- Tap on the centered movie to view details
- Swipe right to like a movie
- Swipe left to dislike a movie
- Use the bottom tab bar to switch between Browse, Liked, and Disliked movie views
- View and manage your movie preferences in the respective tabs
//++ something like this : explain helps from ai/ plugin!
To clearify the concept in a grahpic way, which helps me to get a sense of which part should be a states/ component.