Skip to content

Having a young school aged son learning the alphabet, numbers and math... I'd like a fun way for him to practice his knowledge. Enter these flashcards.

Notifications You must be signed in to change notification settings

Jonathan-84/FlashCards

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

84 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

📓 FlashCards 📓

Description

I'm not an educator... I'm a dad! With a young son in Kindergarten, I'm very involved with his education. That involvement continued when my son showed a desire to cover more advanced content than his peers. While he an his friends have focused on the building blocks of reading (letter recognition and sight words), he has also been practicing basic addition at home.

After his teacher continued to kindly send practice sheet, after practice sheet home, I announced to my wife, "that I could build something that does the same thing". With her supportive, "do it", this simple FlashCard project was born.

📚 Current Practice Opportunities:

  • Identify random Capital Letters
  • Identify random lower case Letters
  • Identify random numbers- Level 1 (0-20)
  • Identify random numbers- Level 2 (0-100)
  • Addition Level 1 (generate random numbers 0-10) then allow them to click the button to check their answers.
  • Addition Level 2 (generate random numbers 0-100 and add a number between 0-10) then allow them to click the button to check their answers.
  • Subtraction Level 1 (generate random numbers 0-10) then allow them to click the button to check their answers. * To keep it basic, I've set it so the difference will never be a negative number.
  • Multiplication Level 1 (generate random numbers 0-10) then allow them to click the button to check their answers.

🎁 Motivation:

  • In basic testing, simply clicking the buttons appeared fun
  • For correct answers, they are rewarded with fun gifs (links credited below)
  • 10 points gets a special gif
  • The tracker will not go below 0 or higher than 10

Future Development Plans:

  • Make it a Progressive Web App (may be done by the time you read this)
  • Likely will add more content to help reinforce letters (items that start with the letter)
  • Automate the grading when possible, for example Math (so you do not need to manually click tracker)
  • The content will increase, likely as my son's exposure includes (multiplication, division etc)
  • Fix bugs - currently odd behavior when going from 'Sight Words' to numbers (not on mobile, just desktop version)

Table of Contents

Usage

This is a web application that can be visited here. This application is intended for a parent to work with their children. Currently, the scoring is not automated so your kids will need to provide their answer to you, then you can adjust the tracker accordingly. For letters and numbers, they can simply tell you what the answer is. For the Sight Words, you can ask them to provide a sample sentence (I put an example on back of the card-it will appear once you click on it). Lastly is the Math, you can generate the numbers and ask them what the sum or difference is... then you can let them click the Check answer button before you update the score Tracker.

Technologies

  • React
  • Node.js
  • CSS
  • JSX
  • Boot Strap
  • React-Flippy
  • Web Speech API
  • Font Awesome

Screenshots

Desktop- Math Desktop- Capitals Desktop- Sight Words Mobile- Sight Words Desktop- Tracker with Gif

Gifs

I want to give credit, where credit is due. Since this app is intended for children, I wanted to better control the source rather than send you to a link where content could eventually change. So here they are for now: Wicked Witch, Grogu Air, Happy Pikachu, Clap Haunter, Delighted Group,Happy Piplup, Animated Ghostbusters,Mickey Great,Bluey Floss,Mickey Good, Minion, PJ Masks, TMNT, olaf, kermit, stevie, bluey solo dance, bluey yes, bandit dancing, captain america and Genie.

How You Can Contribute

I'm open to any ideas, the goal of this project is 100% about making a simple app that helps our children learn. Right now, my main focus is on adding auto-scoring for math and am currently looking into the ability to use speech recognition (fromn the JavaScript Speech API) to auto score (letters, numbers, and maybe sightwords)- I'm not sure how skilled it would be for new readers. If you are interested in contributing with solutions to those challanges, or have other awesome ideas, please email me at jonathan.robinson@outlook.com.

About

Having a young school aged son learning the alphabet, numbers and math... I'd like a fun way for him to practice his knowledge. Enter these flashcards.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages