Cinema Vault

Demo Link : https://cinema-vault-atharva.vercel.app/

A responsive React application that allows users discover movies across different categories. The app features a visually appealing, interactive interface with detailed movie cards.

Features

• Movie Categories: Browse movies by Top Rated, Popular, and Discover categories
• Pagination: Navigate through multiple pages of movie results
• Responsive Design: Fully optimized for mobile, tablet, and desktop experiences
• Interactive UI: Smooth animations and transitions powered by Framer Motion
• Movie Details: Each card displays comprehensive information including:
  • Movie title
  • Genres
  • Original language
  • Release date
  • Plot summary
• Loading Animations: User-friendly loading states using Lottie animations

Technologies Used

• React.js: Frontend library for building the user interface
• Framer Motion: Animation library for creating smooth transitions
• Lottie: For loading animations
• Tailwind CSS: Utility-first CSS framework for styling
• RapidAPI: External API integration for movie data
• Vite: Next generation frontend tooling

Usage

• Use the dropdown menu in the top-right (desktop) or top-right (mobile) to switch between different movie categories
• Navigate between pages using the arrow controls at the bottom of the screen
• Click on a movie card to reveal detailed information about the movie