Welcome to Flash Me!

Flash Me! Learn through rehearsal. Create and study with flashcards online.

Go to Flash Me and start learning with flashcards today!

Presentation

I gave a talk about "Full stack web development with Remix" at the React Jax's January 2022 meetup. I used Flash Me to explain some Remix fundamentals. You can find the presentation notes here.

Motivation

Flashcards are a great way to rehearse and learn. I constantly hear about awesome things in YouTube videos, podcasts, on Twitter, or by talking to people and I just wanted to create a place for myself where I can quickly and easily create flashcards for the things I'm learning.

I am currently doing a lot of leetcode and flashcards are a great addition to that! Rehearse the steps of an algorithm by creating a flashcard for it!

Remix.run 💜

This project has been created using Remix.run and I can only recommend to check it out!

• Remix Docs

Fly Setup

The webapp and database are hosted on Fly. To get started, you need to create an account and deploy the webapp:

1. Install flyctl

2. Sign up and log in to Fly

flyctl auth signup

3. Setup Fly. It might ask if you want to deploy, say no since you haven't built the app yet.

flyctl launch

4. Postgres

flyctl postgres create
flyctl postgres attach --postgres-app [postgres-db-app-name]
# adds secret DATABASE_URL to fly app

Access postgres locally via vpn tunnel: https://fly.io/docs/reference/private-networking/#private-network-vpn

5. Status

flyctl status
flyctl vm status [vm]

6. Logs

flyctl logs

Development

From your terminal:

npm run dev

This starts your app in development mode, rebuilding assets on file changes.

Deployment

Prepare database migration to new schema:

npx prisma migrate dev

If you've followed the setup instructions already, all you need to do is run this:

npm run deploy

You can run flyctl info to get the url and ip address of your server.

Check out the fly docs for more information.