Skip to content

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

License

Notifications You must be signed in to change notification settings

gregrickaby/preschool-flashcards

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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