Skip to content

CineSnap is a user-friendly platform for movie enthusiasts, offering detailed insights into movies, cast, and crew. The standout CineShot feature lets users effortlessly download high-quality images like wallpapers, logos, and posters, elevating your cinematic experience! πŸš€

Notifications You must be signed in to change notification settings

Kethanvr/CineShot

Repository files navigation

Movie App

A modern React application for browsing movies using the TMDB API.

Features

  • Browse popular movies
  • Search for movies
  • View movie details
  • Responsive design
  • Modern UI with Material-UI

Tech Stack

  • React 18
  • TypeScript
  • Vite
  • React Query
  • Material-UI
  • React Router
  • Axios

Getting Started

  1. Clone the repository

  2. Install dependencies:

    npm install
  3. Copy the environment file and add your TMDB API key:

    cp .env.example .env

    Get your API key from TMDB

  4. Start the development server:

    npm run dev

Project Structure

src/
β”œβ”€β”€ components/     # Reusable components
β”œβ”€β”€ pages/         # Page components
β”œβ”€β”€ services/      # API services
β”œβ”€β”€ styles/        # Theme and global styles
β”œβ”€β”€ types/         # TypeScript types
β”œβ”€β”€ hooks/         # Custom React hooks
β”œβ”€β”€ utils/         # Utility functions
└── assets/        # Static assets

Available Scripts

  • npm run dev - Start development server
  • npm run build - Build for production
  • npm run preview - Preview production build
  • npm run lint - Run ESLint
  • npm run type-check - Run TypeScript type checking

About

CineSnap is a user-friendly platform for movie enthusiasts, offering detailed insights into movies, cast, and crew. The standout CineShot feature lets users effortlessly download high-quality images like wallpapers, logos, and posters, elevating your cinematic experience! πŸš€

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages