Skip to content

Flixx — a dynamic movie app built with vanilla JavaScript, using TMDB API and Swiper.js to showcase trending, upcoming, and popular movies and TV shows.

Notifications You must be signed in to change notification settings

Umairulislam/flixx-movie-app

Repository files navigation

🎬 Flixx Movie App

Flixx is a full-stack movie application built with Vanilla JavaScript. It integrates with the TMDB API, giving users access to trending, upcoming, and popular movies and TV shows.
The app includes search functionality with filters, a trending slider, and detailed pages for each movie or show — complete with overviews, genres, ratings, budgets, revenues, and cast profiles (linked to their TMDB pages).

🎥 Demo

Flixx

💡 Features

  • 🔍 Search movies and TV shows with filter options
  • 📈 Trending slider showcasing popular content
  • 🎥 Upcoming movies and shows section
  • 🎬 Now Playing & Popular dedicated pages
  • 📑 Detailed view with overview, genres, ratings, budget, revenue, and top cast profiles (with TMDB links)

🛠️ Tech Stack

JavaScript
HTML5
CSS3
Swiper
TMDB API
Netlify

🚀 Getting Started

To run this project locally, follow these steps:

  1. Clone the repository:
    git clone https://github.com/Umairulislam/flixx-movie-app.git
    cd flixx-movie-app
  2. Open with live server (or simply open index.html in your browser).

🔑 Environment Variables

This project uses the following environment variables:

  • API_URL: The base URL for the TMDB API. This should be set to https://api.themoviedb.org/3/.
  • API_KEY: Your TMDB API key.

👨‍💼 Author

Crafted with care by Engr. Umair Ul Islam

About

Flixx — a dynamic movie app built with vanilla JavaScript, using TMDB API and Swiper.js to showcase trending, upcoming, and popular movies and TV shows.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors