Web 104 - Notes App

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

About

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

Install

yarn install

Environment

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

Build

Assets are in the dist directory.

Development

yarn build

Production

NODE_ENV=production yarn build

Run

yarn serve