Moviepedia - Movie & TV Series Discovery App

Live Demo: Moviepedia on Netlify

Moviepedia is a web application that displays movies and TV series based on user-selected genres. Using RESTful APIs, the app provides comprehensive details and recommendations for movies and TV shows. Built with Next.js and styled with Tailwind CSS, Moviepedia offers a responsive and visually appealing interface for users.

Table of Contents

• Live Demo
• Features
• Technologies
• Installation
• Usage

Live Demo

Check out the live demo: Moviepedia on Netlify.

Features

• Genre-Based Discovery: Browse movies and TV series by genre.
• Detailed Information: View comprehensive details and recommendations for selected titles.
• Smooth Transitions: React-flip ensures smooth content transitions.
• Responsive UI: Tailored to different device aspect ratios.

Technologies

• Next.js: For server-side rendering and a fast user experience.
• tmdbAPI: RESTful API for fetching movie and TV series data.
• Heroicons: For scalable SVG icons.
• React-flip: For smooth content transitions.
• TailwindCSS: For high-performance, responsive styling.
• Netlify: For application hosting and custom domain.

Installation

To set up the project locally:

1. Clone the repository:

   git clone https://github.com/your-username/Moviepedia.git
   

2. Navigate to the project directory:

   cd Moviepedia
   

3. Install the dependencies:

   npm install
   

4. Set up the environment variables:

   # .env file
   TMDB_API_KEY=your_tmdb_api_key
   

5. Run the development server:

   npm run dev
   

Usage

Open http://localhost:3000 in your browser to explore the app.