See the app in action https://web-104-notes-app.vercel.app/.

The requirements for this project were to develop a static website using firebase and vanilla javascript. I wrote my code in typescript and compiled it into readable javascript. I included firebase in the javascript bundle using rollup.js and es module imports. The rollup.config.js file replaces the node module imports with files located in the shims directory.

Static HTML is generated using webpack and a custom plugin I made https://github.com/njmaeff/webpack-static-site

yarn install

The .env file contains information for a local dev environment using the firebase emulator suite The .env.production file contains the data for building the production app.

Start the firebase emulator. Requires docker/docker-compose.

docker-compose up -d firebase

Seed the development database

yarn seed

Assets are in the dist directory.

yarn build

NODE_ENV=production yarn build

yarn serve