Flixx is a modern web application for browsing trending, popular, and search movies and TV shows. It uses The Movie Database (TMDb) API to fetch up-to-date information of every movie and TV show. The app features a responsive UI, a trending slider, detailed views, and search with pagination.
- Trending Movies & TV Shows: See what's trending this week.
- Popular Lists: Browse popular movies and TV shows.
- Search: Find movies or TV shows by keyword, with results paginated.
- Details Pages: View detailed information for each movie or TV show.
- Responsive Design: Works well on desktop and mobile.
- Modern UI: Built with CSS Grid, Flexbox, and Swiper.js for sliders.
- HTML5
- CSS3 (custom styles, responsive design)
- JavaScript (ES6+)
- Swiper.js (for trending slider)
- FontAwesome (icons)
- TMDb API (data source)
flixx-movie-app/
│
├── css/
│ ├── style.css
│ └── spinner.css
├── images/
│ └── ... (icons, backgrounds)
├── js/
│ └── script.js
├── lib/
│ ├── swiper.js
│ ├── swiper.css
│ └── fontawesome.css
├── index.html
├── shows.html
├── tv-details.html
├── movie-details.html
├── search.html
└── README.md
-
API Key:
Update theglobal.optionsGET.headers.Authorizationvalue injs/script.jswith your own TMDb API key for higher rate limits. -
Styling:
Modifycss/style.cssfor custom themes or layout changes.
This project is for educational/demo purposes.
*Made with ❤️ for movie.