Cinemaify Tailwind Templates

Cinemaify

Created a Movie Player app using tmbd api and vidsrc api | use shadcn and tailwind css for style | typescript for type safety

Cinemaify

A modern web application for discovering movies and TV shows, built with React and powered by TMDB API. Browse through the latest releases, search for your favorite titles, and explore different genres.

Features

  • Modern Interface: Clean and responsive design for comfortable browsing
  • Search Functionality: Find movies and TV shows instantly
  • Genre Filtering: Browse content by specific genres
  • Detailed Information: Get comprehensive details about movies and TV shows
  • Responsive Design: Works seamlessly on desktop and mobile devices

Live Demo

Check out the live application here: Cinemaify

Built With

  • React
  • TypeScript
  • Vite
  • TMDB API
  • Context API for state management
  • TailwindCSS & Shadcn UI for styling

Getting Started

  1. Clone the repository:
git clone https://github.com/raulsync/Cinemaify.git
  1. Install dependencies:
npm install
  1. Create a .env file in the root directory and add your TMDB API key:
VITE_TMDB_API_KEY=your_api_key_here
  1. Start the development server:
npm run dev

Environment Variables

Make sure to set up the following environment variables:

VITE_TMDB_API_KEY=your_tmdb_api_key

Building for Production

npm run build

Top categories

Loading Svelte Themes