https://github.com/gikoskos/movierama

🎬 MovieRama helps you find info about movies
https://github.com/gikoskos/movierama

css3 es6 flexbox html5 javascript js spa tmdb webpack yarn

Last synced: 17 days ago
JSON representation

🎬 MovieRama helps you find info about movies

• Host: GitHub
• URL: https://github.com/gikoskos/movierama
• Owner: Gikoskos
• License: mit
• Created: 2019-09-12T14:21:11.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-04T10:19:45.000Z (about 2 years ago)
• Last Synced: 2024-11-07T00:14:17.810Z (2 months ago)
• Topics: css3, es6, flexbox, html5, javascript, js, spa, tmdb, webpack, yarn
• Language: JavaScript
• Homepage: https://gikoskos.github.io/MovieRama/
• Size: 1.19 MB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 22
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# MovieRama

## Overview

Single page app that can be used to view details on movies which are currently playing in cinemas, and also search for specific titles.

Additionally, you can see more details for each movie, such as trailers, reviews and similar titles (as long as these are available). Click on each movie card to view these details.

## Internals

* Written in vanilla ES6 Javascript without any frameworks or external dependencies.

* SPA functionality provided by custom hash-based router.

* CSS3 flex-box styling.

* Jest for testing.

* Webpack for module bundling.

The movie lists use infinite scrolling. If more movies are available, they are appended to the list when the user scrolls to the bottom of the page.

The expanded movie card data (trailers, reviews etc) are cached so they only need to be loaded once (when the user first clicks on the card).

For the movie data, the [TMDB](https://www.themoviedb.org/) API was used. This project was done within 2 days.

## Build

To build the Javascript source I use`yarn`.

Run

```yarn```

to install the dependencies.

Run

```yarn build```

to get a build on `dist`.

Run

```yarn test```

to run all the unit tests.

## License

MIT for the source code.