jody29/Online_Movie_Database

The course Progressive Web Apps is about learning to build server side rendered applications. Progressive Web Apps is part of the half year minor programme about Web Design and Development in Amsterdam. Bachelor Communication and Multimedia Design, Amsterdam University of Applied Science.

🍿 Online Movie Database

Online Movie Database is the place to keep you up to date with movies. It showcases movies that are popular at the moment and shows movies that are soon to be seen in cinemas.

Live demo here

📔 Table of contents

• Install
• Features
• Activity Diagram
• API Documentation
• License

⚙️ Install

clone on your device

$ git clone https://github.com/jody29/Online_Movie_Database.git

open the folder

$ cd Online_Movie_Database

install dependencies

$ npm install

start appliction

$ npm start

Application will run on PORT 8000. See the application on http://localhost:8000

📋 Features

To do	Done?
showcase movies	✅
filter on year	✅
show details of movie	✅
show similar movies	✅
application is installable	✅
application can be used offline	✅

📈 Activity Diagram

Server side

Service worker

🔧 Optimizations

Caching headers set

app.use((req, res, next) => {
    res.setHeader('Cache-Control', 'max-age=' + 365 * 24 * 60 * 60)
    next()
})

Made images smaller

before

<img src="https://image.tmdb.org/t/p/w500/<%= movie.poster_path %>" alt="Movie poster of <%= movie.original_title %>">

after

<img src="https://image.tmdb.org/t/p/w200/<%= movie.poster_path %>" alt="Movie poster of <%= movie.original_title %>">

Lighthouse audit test

📥 API Documentation

For this project I used The Movie Database APIE. The documentation for this API can be found here: Documenation

License

MIT