/TMDB

Explore movies effortlessly on our website. Quick details, personalized recommendations, and curated lists make your movie journey seamless. Watch trailers, connect with the community, and enjoy lightning-fast performance. Your cinematic adventure begins now! 🍿✨

Primary LanguageTypeScript

The Movie Database(TMDB)

Overview

Welcome to The Movie Database(TMDB) where you can watch films and TV shows, site Authentication is powered by Clerk, supporting login/sign-up via email, GitHub SSO, or the traditional email method.

Features

  • Home Page: Displays the latest Movies and trending TV shows
  • Profile Page: Displays user images, username, name and favourite movies.
  • Responsive Design: Ensures usability on various devices.
  • SEO-Friendly: Optimized for search engines.
  • Accessibility: Designed with good accessibility practices.
  • high performance: implemented several strategies and best practices to improve performance like Server-Side Rendering (SSR), Lazy Loading and Caching Strategies.

Technologies Used

  • React
  • Next.js
  • Tailwind CSS
  • Clerk (for authentication)
  • TypeScript
  • Git
  • Radix ui
  • Eslint (for debugging)
  • React icons
  • vercel (for deployment)

Getting Started

First, run the development server:

npm run dev
# or
yarn dev

Pages

Home (Main Page)

home page.png

Signin

signin.png

Signup

signup.png

Popular TV shows

PopularTVShows.png

loading

loading page.png