https://github.com/laeth0/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! 🍿✨
https://github.com/laeth0/tmdb

Last synced: 9 days ago
JSON representation

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! 🍿✨

• Host: GitHub
• URL: https://github.com/laeth0/tmdb
• Owner: laeth0
• Created: 2023-11-10T13:04:33.000Z (about 1 year ago)
• Default Branch: master
• Last Pushed: 2023-11-28T09:46:58.000Z (12 months ago)
• Last Synced: 2024-10-29T09:27:22.525Z (22 days ago)
• Language: TypeScript
• Homepage: https://tmdb-laeth0.vercel.app/
• Size: 756 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 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:

```bash

npm run dev

# or

yarn dev

```

## Pages

### Home (Main Page)

![home page.png](https://github.com/laeth0/TMDB/assets/119698773/0e38b8f2-0327-498f-8f6d-06008d3358f7)

### Signin

![signin.png](https://github.com/laeth0/TMDB/assets/119698773/7951fdee-1c65-4317-b83f-6987999d3f85)

### Signup

![signup.png](https://github.com/laeth0/TMDB/assets/119698773/9f3a9fc1-ed00-481c-b390-93c01529352a)

### Popular TV shows

![PopularTVShows.png](https://github.com/laeth0/TMDB/assets/119698773/c3ea895b-4a45-4a20-8289-af7cc1a73bc2)

### loading

![loading page.png](https://github.com/laeth0/TMDB/assets/119698773/6aa20887-a1b8-4b43-80c7-948f5a7b5a34)