watching

TV Show Tracker called watching. Built in Flutter.

Demo Videos

Demo of the web version: https://www.youtube.com/watch?v=kzy7JBt9tS8

Demo of the app version: https://www.youtube.com/watch?v=pJKmsDCdPFQ

Platforms

This application is available and optimized for iOS, Android and the web (link: https://watching-development.web.app/).

Tech stack

PostGreSQL as the database hosted on Vercel.

Node.js with Express as the backend hosted on Render.

Flutter as the frontend hosted on Firebase Hosting.

Firebase Authentication for authentication.

TV Maze External API.

Environments

This project has only development as a flavor and the env variables are inside the dotEnv.dev file (not checked in.)

Instructions to Publish to Firebase Hosting

First build the web bundle for the appropriate flavor:

flutter build web --release -t lib/main_development.dart 

Then make sure you are using the correct firebase project:

firebase use "project name"

Then deploy to firebase hosting

firebase deploy

Cors Setup For Web to Function Properly:

Make sure this is installed first:

./google-cloud-sdk/install.sh  

Then run this:

echo '[{"origin": ["*"],"responseHeader": ["Content-Type"],"method": ["GET", "HEAD"],"maxAgeSeconds": 3600}]' > cors-config.json

Login to google cloud like this:

gcloud auth login     

Config like this:

gcloud config set pass_credentials_to_gsutil true    

Then finally do this:

gsutil cors set cors-config.json gs://watching-development.appspot.com