dArignac / treasury

Library for your physical movie collection.

Treasury

Hi, treasury is my little project for managing my physical movie collection. I started it back in 2017, back in the days when I was actively buying movies and series as DVDs/BluRays. Nowadays I don't do this any more, but it is still fun to play around with the application.

The app initially was implemented using Angular, as Angular was a daily topic at my work. However, things changed, I changed my job and now we use React at work. So I reimplemented it in React.

I probably will extend the functionality of the current state, but there is no guarantee. I'd like to add series and also to be able to rate TMDB items from here.

You basically can set this up for yourself, you only need a Firebase account and a The Movie Database account. See the chapter "Setting up the project".

Setting up the project

• Clone the project
• React App
  • go to the react folder
    • copy the .env file to .env.local and fill the values
      • Firebase settings can be found in the Firebase project settings (you need to create a project beforehand of course)
      • TMDB API key can be found here: https://www.themoviedb.org/settings/api
      • do the same for the production file .env.production.local
    • install dependencies with npm i
• Firebase functions
  • go to functions folder
  • install dependencies with npm i
  • run npm run build to be enabled for the emulator
• Firebase setup
  • install Firebase tooling globally npm i --global firebase-tools firebase-admin firebase-functions
  • log into Firebase firebase login
  • run firebase use --add to select the Firebase project

Deploy to Firebase

• go to react folder & build the app npm run build
• from root run firebase deploy

Testing Firebase with Firebase Emulator

• to locally use the emulator, run npm run emulators:live, it will emulate Firestore and Functions locally and falls back to the online Firebase project for the other functionalities like authentication
• to start the emulators manually for testing run npm run emulators:demo or then run npm test -- --watch from the functions folder
• to run the tests having automatically ramping up the emulators and tearing them down afterwards, run npm run test:firebase

Functions

• need to build functions to have them reflected, may also need restart of emulator

Firestore

• see rules test coverage: http://localhost:8080/emulator/v1/projects/demo-treasury:ruleCoverage.html

Github Actions

• to initially setup the Firebase access, see here

Development insights

• Prettier setup