https://github.com/gregrickaby/preschool-flashcards
The alphabet, numbers shapes, colors, and fry (sight) words in flashcard form.
https://github.com/gregrickaby/preschool-flashcards
123 abc alphabet color flashcards hacktoberfest kids-learn kindergarten-flashcards nextjs preschool progressive-web-app pwa shapes
Last synced: about 2 months ago
JSON representation
The alphabet, numbers shapes, colors, and fry (sight) words in flashcard form.
- Host: GitHub
- URL: https://github.com/gregrickaby/preschool-flashcards
- Owner: gregrickaby
- License: gpl-2.0
- Created: 2020-06-07T15:10:12.000Z (almost 5 years ago)
- Default Branch: main
- Last Pushed: 2025-03-31T12:54:31.000Z (2 months ago)
- Last Synced: 2025-03-31T14:02:04.599Z (2 months ago)
- Topics: 123, abc, alphabet, color, flashcards, hacktoberfest, kids-learn, kindergarten-flashcards, nextjs, preschool, progressive-web-app, pwa, shapes
- Language: JavaScript
- Homepage: https://preschool-flashcards.vercel.app/
- Size: 9.75 MB
- Stars: 8
- Watchers: 4
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- License: LICENSE.md
- Codeowners: .github/CODEOWNERS
Awesome Lists containing this project
README
# Preschool Flashcards
The alphabet, numbers shapes, colors, fry (sight) words (and goo!) in flashcard form. Works offline.
👉🏻
## 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](https://support.google.com/chrome/answer/9658361?co=GENIE.Platform%3DAndroid&hl=en&oco=0).
### iOS - Safari Only
1. [Open the website](https://kindergarten-flashcards.vercel.app/) 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](https://kindergarten-flashcards.vercel.app/) 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!
## Development
Set up a local development environment with Create Next App:
```bash
npx create-next-app preschool-flashcards https://github.com/gregrickaby/preschool-flashcards.git
```
Start the development server:
```bash
npm run dev
```
---