/preschool-flashcards

The alphabet, numbers shapes, colors, and fry (sight) words in flashcard form.

Primary LanguageJavaScriptGNU General Public License v2.0GPL-2.0

Preschool Flashcards

The alphabet, numbers shapes, colors, fry (sight) words (and goo!) in flashcard form. Works offline.

👉🏻 https://preschool-flashcards.vercel.app/

app screenshot

Why?

To help my youngest children (and hopefully others) learn the kindergarten basics, in a fun, simple, unintrusive way on a mobile device.

Install Kindergarten Flashcards

This website works offline and is called a "Progressive Web App". You can use Progressive Web Apps (PWAs) for a fast web experience on your computer or mobile device. You can install the PWA for faster access and additional functionality. Learn more.

iOS - Safari Only

  1. Open the website on your device
  2. Tap the Share icon
  3. Tap "Add to Home Screen"
  4. Tap "Add" again to install

Android - Chrome

  1. Open the website on your device
  2. Tap the Share icon
  3. Tap "Add to Home Screen"
  4. Follow the onscreen instructions to install

Uninstall

  • iOS: long-press on the app icon, tap the "X" to remove
  • Android: tap Apps & Notifications, find the app icon, then tap uninstall

Dev Features

  • Next.js
  • TailwindCSS
  • Linting and typechecking
  • Progressive Web App
  • Perfect scores on Lighthouse!

lighthouse screenshot

Development

Set up a local development environment with Create Next App:

npx create-next-app preschool-flashcards https://github.com/gregrickaby/preschool-flashcards.git

Start the development server:

npm run dev