ojones / js-for-kids-class1

Web app to demonstrate what an algorithm is with pbj cracker sandwiches.

Home Page:https://ojones.github.io/js-for-kids-class1/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Web app to demonstrate what an algorithm is with pbj cracker sandwiches

Javascript for kids class 1

This repo was made for classroom purposes. Because Github is amazing, kids were actually able to clone this and edit their own algorithms. For testing, we made cracker sandwiches in real life by following the steps in our partners algorithm.

Install

Instead of using the command line terminal, kids were taught how to edit from Github alone.

Usage

The file that needs to be edited in order to display your very own algorithm is src/components/steps.js. You can replace these lines with your own steps:

'step1',
'step2',
'step3',
'step4',
'step5',

Personal Note

This was the very first create-react-app I ever deployed. With a full time engineering job and an infant of my own, I didn't have much time to prepare for teaching a new class of kids.

I knew I wanted them to see results for themselves quickly. I thought to myself, "Why should they need to start with vanilla javascript? Nobody else does these days."

I wanted the kids to start with Github so they could be on equal footing with the best of the world.

Github and create-react-app, along with a quick stop at the grocery store for pbj crackers, made this class a special hit. I know that learning at USC meant a lot to these kids and families.

About

Web app to demonstrate what an algorithm is with pbj cracker sandwiches.

https://ojones.github.io/js-for-kids-class1/


Languages

Language:JavaScript 60.2%Language:HTML 34.8%Language:CSS 5.1%