Deployed Link: https://v0-responsive-website-redesign-khaki.vercel.app/
πΏ Usepopcorn
Usepopcorn is an online movie discovery platform where users can browse a vast collection of movies, add favorites, and access detailed information about each title. Inspired by modern movie databases and listing platforms, it delivers a simple and interactive user experience for cinema enthusiasts.
π Project Overview
This project serves as a lightweight alternative to traditional movie listing websites, providing a personal watchlist system and easy-to-browse movie details. While streaming isnβt a part of this platform, it offers rich metadata for movies, ensuring users can discover and track their favorite titles.
βοΈ Tech Stack
React.js β Frontend library for building dynamic UIs.
Movie Database API (or your custom JSON data source β depending on your implementation)
Tailwind CSS β Utility-first CSS framework for clean and responsive design.
β¨ Key Features π₯ Movie Listings β Explore a collection of popular and classic films.
β€οΈ Favorites System β Add movies to your personal favorites list.
π Detailed Movie Info β View movie descriptions, posters, and other metadata.
π± Responsive Design β Fully optimized for various screen sizes.
π Dark Mode UI β Stylish, modern interface for comfortable viewing.
π Getting Started π¦ Installation Clone the repository:
bash Copy Edit git clone https://github.com/ShvetGhareWork/Usepopcorn.git cd Usepopcorn Install dependencies:
bash Copy Edit npm install Start the development server:
bash Copy Edit npm run dev The app will be available at http://localhost:5173 (or your Vite dev server port).