Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/skempin/reactjs-tmdb-app

Responsive React 'The Movie Database' (TMDb) App
https://github.com/skempin/reactjs-tmdb-app

api babel bloodhound bloodhoundjs bootstrap browserify es6 javascript movie-database react react-app reactjs tmdb tmdb-movie-search typeahead

Last synced: 4 months ago
JSON representation

Responsive React 'The Movie Database' (TMDb) App

Host: GitHub
URL: https://github.com/skempin/reactjs-tmdb-app
Owner: SKempin
License: mit
Archived: true
Created: 2016-09-16T20:45:44.000Z (over 8 years ago)
Default Branch: master
Last Pushed: 2021-02-12T10:00:09.000Z (almost 4 years ago)
Last Synced: 2024-09-28T06:21:03.191Z (4 months ago)
Topics: api, babel, bloodhound, bloodhoundjs, bootstrap, browserify, es6, javascript, movie-database, react, react-app, reactjs, tmdb, tmdb-movie-search, typeahead
Language: JavaScript
Homepage: https://skempin.github.io/reactjs-tmdb-app/
Size: 8.07 MB
Stars: 944
Watchers: 45
Forks: 293
Open Issues: 1
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        # TMDb Movie Search

[![License](https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square)](https://github.com/SKempin/reactjs-tmdb-app/blob/master/LICENCE)

[![GitHub stars](https://img.shields.io/github/stars/SKempin/reactjs-tmdb-app.svg?style=flat-square)](https://github.com/SKempin/reactjs-tmdb-app/stargazers)

[![GitHub forks](https://img.shields.io/github/forks/SKempin/reactjs-tmdb-app.svg?style=flat-square)](https://github.com/SKempin/reactjs-tmdb-app/network)

[![Mentioned in Awesome React](https://awesome.re/mentioned-badge.svg)](https://github.com/enaqx/awesome-react)

TMDb Movie Search is a responsive [React](http://facebook.github.io/react/index.html) app that utilises Twitter's [typeahead.js](https://twitter.github.io/typeahead.js/) and [Bloodhound](https://github.com/twitter/typeahead.js/blob/master/doc/bloodhound.md) suggestion engine, loading data via [The Movie Database (TMDb) API](https://www.themoviedb.org/documentation/api).

![](https://github.com/SKempin/reactjs-tmdb-app/blob/master/docs/images/tmdb-demo.gif)

## Demo

[TMDb Movie Search - Live DEMO](https://skempin.github.io/reactjs-tmdb-app/)

## Tools

Key tools used in this React project are:

| Tool             | Description   |

| :-------------:|--------------|

| [React](http://facebook.github.io/react/index.html) | A JavaScript library for building user interfaces |

| [Typeahead.js](https://twitter.github.io/typeahead.js/) | A flexible JavaScript library that provides a strong foundation for building robust typeaheads |

| [Bloodhound](https://github.com/twitter/typeahead.js/blob/master/doc/bloodhound.md) | Bloodhound is the typeahead.js suggestion engine |

| [Bootstrap](http://getbootstrap.com/) | Build responsive, mobile-first projects on the web with the world's most popular front-end component library |

| [SASS](http://sass-lang.com/) | 	Sass is the most mature, stable, and powerful professional grade CSS extension language in the world |

| [Browserify](http://browserify.org/) | Browserify lets you `require('modules')` in the browser by bundling up all of your dependencies |

| [Babel](https://babeljs.io/) | Use next generation JavaScript, today |

| [Gulp](http://gulpjs.com/) | Gulp is a toolkit for automating painful or time-consuming tasks in your development workflow |

## Installation

[node.js](http://nodejs.org/download/) 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`

2. Install packages: `npm install` and `bower install`

3. Build project and launch: `gulp watch`

4. 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](https://www.stephenkempin.co.uk)

[SK-UK Google Play Store](https://play.google.com/store/apps/developer?id=SK+-+UK)

## Donate :coffee:

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



## License

[MIT](https://github.com/SKempin/reactjs-tmdb-app/blob/master/LICENCE)

You are welcome to use this however you wish within the MIT license, but please retain [my credentials](https://www.stephenkempin.co.uk/) and links back to [this repo](https://github.com/SKempin/reactjs-tmdb-app).