https://github.com/daniel-hayes/i-will-watch-this

A todo list focused on keeping track of movies you want to watch. (React.js, ES6, Webpack, Firebase)
https://github.com/daniel-hayes/i-will-watch-this

firebase react tmdb webpack

Last synced: about 2 months ago
JSON representation

A todo list focused on keeping track of movies you want to watch. (React.js, ES6, Webpack, Firebase)

• Host: GitHub
• URL: https://github.com/daniel-hayes/i-will-watch-this
• Owner: daniel-hayes
• Created: 2016-03-19T14:18:48.000Z (over 10 years ago)
• Default Branch: master
• Last Pushed: 2016-05-06T02:04:11.000Z (about 10 years ago)
• Last Synced: 2025-06-23T15:49:23.753Z (about 1 year ago)
• Topics: firebase, react, tmdb, webpack
• Language: JavaScript
• Homepage:
• Size: 96.7 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# I Will Watch This

![Demo](http://i.imgur.com/vDFYLdm.gif)

This project was mostly an experiment to gain a better understanding of React. It uses [The Movie Database (TMDb) API](https://www.themoviedb.org/documentation/api) to search for new movies to add to your list, and stores your saved movies in [Firebase](https://www.firebase.com/) Database. You can easily make your own version of this app by adding a config file to your project that will store your API keys.

My current `config.js` file is located at the root of my project and is set up like this:

```js

const globalConfig = {

  apiKey: 'TMDb API KEY',

  posterPath: 'https://image.tmdb.org/t/p/w185', // movie poster url

  firebaseUrl: 'https://YOUR-PROJECT-URL.firebaseio.com'

};

export default globalConfig;

```

I am using Tyler McGinnis' [re-base](https://github.com/tylermcginnis/re-base) to communicate with Firebase because ES6 classes do not support mixins.