🎬 MovieDB

A modern, high-performance movie discovery web application built with React, TypeScript, and Tailwind CSS. This application serves as a sleek clone of popular movie databases like IMDb, offering users an intuitive interface to explore trending films, top-rated shows, and detailed actor profiles.

---

✨ Features

• Trending & Top Rated: Stay updated with the latest cinema hits and all-time classics.
• Dynamic Search: Real-time search functionality to find movies, TV shows, and cast members.
• Detailed Pages: Comprehensive information for each title, including synopses, ratings, release dates, and cast lists.
• Actor Profiles: Dedicated sections for actors featuring their filmography and biographies.
• Responsive Design: Fully optimized for desktop, tablet, and mobile devices using Tailwind CSS.
• Dark Mode Aesthetic: A cinematic dark-themed UI for a premium viewing experience.

---

🛠️ Tech Stack

• Frontend: React with TypeScript
• Styling: Tailwind CSS
• Build Tool: Vite
• API: TMDB API (The Movie Database)
• Deployment: Vercel

---

🚀 Getting Started

Prerequisites

• Node.js (v16.0.0 or higher)
• npm or yarn

Installation

1. Clone the repository:

   git clone https://github.com/abhijithshetty12/new-frontend-imdb-clone.git
   cd new-frontend-imdb-clone

2. Install dependencies:

   npm install

3. Environment Setup: Create a .env file in the root directory and add your TMDB API Key:

   VITE_TMDB_API_KEY=your_api_key_here

4. Run the development server:

   npm run dev

   Open http://localhost:5173 in your browser.

---

📁 Project Structure

src/
├── components/      # Reusable UI components (Navbar, MovieCards, etc.)
├── pages/           # Main view components (Home, MovieDetails, ActorProfile)
├── services/        # API call configurations and logic
├── hooks/           # Custom React hooks
├── utils/           # Helper functions
└── App.tsx          # Main application routing and entry point

---

📜 Scripts

• npm run dev: Starts the development server.
• npm run build: Bundles the app for production.
• npm run preview: Locally previews the production build.

---

🤝 Contributing

Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

---

👨‍💻 Author

Abhijith Shetty

• Passionate about building modern web apps, dashboards, and creative contest entries