hhy5277 / reactjs-tmdb-app

Responsive React 'The Movie Database' (TMDb) App

TMDb Movie Search

TMDb Movie Search is a responsive React app that utilises Twitter's typeahead.js and Bloodhound suggestion engine, loading data via The Movie Database (TMDb) API.

Demo

TMDb Movie Search - Live DEMO

Tools

Key tools used in this React project are:

Tool	Description
React	A JavaScript library for building user interfaces
Typeahead.js	A flexible JavaScript library that provides a strong foundation for building robust typeaheads
Bloodhound	Bloodhound is the typeahead.js suggestion engine
Bootstrap	Build responsive, mobile-first projects on the web with the world's most popular front-end component library
SASS	Sass is the most mature, stable, and powerful professional grade CSS extension language in the world
Browserify	Browserify lets you require('modules') in the browser by bundling up all of your dependencies
Babel	Use next generation JavaScript, today
Gulp	Gulp is a toolkit for automating painful or time-consuming tasks in your development workflow

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: [email protected]:SKempin/reactjs-tmdb-app.git
2. cd reactjs-tmdb-app
3. Install packages: npm install and bower install
4. Build project and launch: gulp watch
5. Open your browser at: http://localhost:9000

Browser Support

This project makes usage of the Fetch API, utilising a polyfill for older browsers.

• Chrome 42+
• Firefox 39+
• Safari 10+ (with polyfill)
• Internet Explorer 11+ (with polyfill)
• Edge 14+

Node.js

Supports LTS version (v6).

Author

Stephen Kempin

SK-UK Google Play Store

Donate ☕

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

License

MIT

You are welcome to use this however you wish within the MIT license, but please retain my credentials and links back to this repo.