Skip to content

faniabdullah/reactjs-moviecatalog-app

Repository files navigation

reactjs-moviecatalog-app

[License] GitHub stars GitHub forks Mentioned in Awesome React

The moviecatalog-app React, loading data via The Movie Database (TMDb) API.

search darkmode

dekstop

Demo

TMDb Movie Search - Live DEMO

Features

  • Available offline, You can still access the web without internet connection (make sure you've already load the web for atleast 1 time before).

  • Search Movie, you can search for a movie

  • Dark - Light Mode, You can change the dark / light theme.

Tools

Key tools used in this React project are:

Tool Description
React A JavaScript library for building user interfaces
SASS Sass is the most mature, stable, and powerful professional grade CSS extension language in the world
Babel Use next generation JavaScript, today
WEBPACK webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser
Workbox Workbox is a set of libraries and Node modules that make it easy to cache assets and take full advantage of features used to build Progressive Web

Installation

node.js is required to get npm.

If you would like to download the code and try it for yourself:

  1. Clone the repo: git@github.com:faniabdullah/reactjs-moviecatalog-app.git
  2. cd reactjs-moviecatalog-app
  3. Install packages: npm install
  4. Build project and launch: npm run build or npm run start
  5. Open your browser at: http://localhost:8080

Author

Fani Abdullah

If you like this project and wish to say to say thanks - I'm always open to a coffee!

License

[MIT]