https://github.com/letstayfoolish/flixx-app
Vanilla JS app that displays current movie and tv show info
https://github.com/letstayfoolish/flixx-app
Last synced: 8 months ago
JSON representation
Vanilla JS app that displays current movie and tv show info
- Host: GitHub
- URL: https://github.com/letstayfoolish/flixx-app
- Owner: letStayFoolish
- Created: 2023-05-19T14:56:22.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2023-06-01T11:25:35.000Z (about 3 years ago)
- Last Synced: 2025-05-17T14:41:55.130Z (about 1 year ago)
- Language: JavaScript
- Size: 8.21 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Flixx App
Movie info application built with vanilla JavaScript that uses **version 3** of the [TMDB API](https://developers.themoviedb.org/3)
This is part of my **Modern JS From The Beginning 2.0** course
This includes the most popular movies and TV shows with detail pages, a search box for movies and shows with full pagination and a slider for movies that are currently playing in theaters. The slider uses the [Swiper](https://swiperjs.com) library. Also there is possibility to toggle light and dark mode.
## Usage
Just clone or download and then register for a free API key at https://www.themoviedb.org/settings/api
Once you get your key, just add it to the `api.apiKey` value in the global state at the top.
**Note:** If you are using this as a production project, you should not store this in the client. You can create a proxy server and store your key there. I may add that to the repo later on.
I also may convert this to use a module bundler such as Vite or Webpack.
## Deploy
Page is deployed via [Netlify](https://app.netlify.com/) pages.
Check it on: https://movieappflixx.netlify.app/.