SlideShare a Scribd company logo
Numbers Game
Joel Grus
@joelgrus
Chief Scientist, VoloMetrix
Toy Project with Two Goals
• Learn AngularJS
• Make fun / educational game for 2-year-old daughter

(Am a AngularJS newbie, so no guarantees that code is well-designed!)
Concept
• Random permutations of
colors/labels
• Voice tells you which to click
on (“Orange 4”) and whether
you clicked right or wrong
• 3 game types
• Just numbers
• Just letters
• Numbers and letters

• 2 voice options
Simple index.html
Choosers
Game Board
Lean on CSS
Create / shuffle the board
And here’s what happens when you click
Demo
• Check out the code at

github.com/joelgrus/numbers-game

More Related Content

Viewers also liked

The Road to Data Science - Joel Grus, June 2015
The Road to Data Science - Joel Grus, June 2015The Road to Data Science - Joel Grus, June 2015
The Road to Data Science - Joel Grus, June 2015
Seattle DAML meetup
 
F# for startups v2
F# for startups v2F# for startups v2
F# for startups v2
joelgrus
 
T shirts, feminism, parenting, and data science
T shirts, feminism, parenting, and data scienceT shirts, feminism, parenting, and data science
T shirts, feminism, parenting, and data science
joelgrus
 
F# for startups
F# for startupsF# for startups
F# for startups
joelgrus
 
Number game
Number gameNumber game
Number game
Äñmøl Gãür
 
Counting Game
Counting GameCounting Game
Counting Game
s0179260
 
NumberJumpingMathGamebyBeverlyWilliams
NumberJumpingMathGamebyBeverlyWilliamsNumberJumpingMathGamebyBeverlyWilliams
NumberJumpingMathGamebyBeverlyWilliamsBeverly Williams
 
How To Beat The Sales Numbers Game Model
How To Beat The Sales Numbers Game ModelHow To Beat The Sales Numbers Game Model
How To Beat The Sales Numbers Game Model
George Hutton
 
Resumen y interpretación de el matadero
Resumen y interpretación de el mataderoResumen y interpretación de el matadero
Resumen y interpretación de el matadero
lalobella100
 
The Numbers Game
The Numbers GameThe Numbers Game
The Numbers Game
Matthew Buckland
 
Present continuous-game
Present continuous-gamePresent continuous-game
Present continuous-game
Ximena Gamboa
 
Counting game 1 10
Counting game 1 10Counting game 1 10
Counting game 1 10
cacazares
 
Present simple vs present continuous 1 exercises
Present simple vs present continuous 1 exercisesPresent simple vs present continuous 1 exercises
Present simple vs present continuous 1 exercises
traducerilimbaengleza
 
Apuntes sobre el Matadero de Echeverría
Apuntes sobre el Matadero de EcheverríaApuntes sobre el Matadero de Echeverría
Apuntes sobre el Matadero de Echeverría
Edith Cerbino
 
Custom made firefighting vehicle body solutions for firefighting excellence
Custom made firefighting vehicle body solutions for firefighting excellenceCustom made firefighting vehicle body solutions for firefighting excellence
Custom made firefighting vehicle body solutions for firefighting excellence
firebug
 
Nederman Fire Exhaust Systems
Nederman Fire Exhaust SystemsNederman Fire Exhaust Systems
Nederman Fire Exhaust Systems
Nederman
 
Foamfatale Tank Fire Protection and Fire Truck references by Dr. Szocs)
Foamfatale Tank Fire Protection and Fire Truck references  by Dr. Szocs)Foamfatale Tank Fire Protection and Fire Truck references  by Dr. Szocs)
Foamfatale Tank Fire Protection and Fire Truck references by Dr. Szocs)
Istvan SZOCS PhD
 
"El Matadero" de Esteban Echeverría
"El Matadero" de Esteban Echeverría"El Matadero" de Esteban Echeverría
"El Matadero" de Esteban Echeverría
Mariana Neme
 
Aerial Firefighting A Strategic Perspective - David Pearce
Aerial Firefighting A Strategic Perspective - David PearceAerial Firefighting A Strategic Perspective - David Pearce
Aerial Firefighting A Strategic Perspective - David Pearce
Risk Management Institution of Australasia
 

Viewers also liked (20)

The Road to Data Science - Joel Grus, June 2015
The Road to Data Science - Joel Grus, June 2015The Road to Data Science - Joel Grus, June 2015
The Road to Data Science - Joel Grus, June 2015
 
F# for startups v2
F# for startups v2F# for startups v2
F# for startups v2
 
T shirts, feminism, parenting, and data science
T shirts, feminism, parenting, and data scienceT shirts, feminism, parenting, and data science
T shirts, feminism, parenting, and data science
 
F# for startups
F# for startupsF# for startups
F# for startups
 
Number game
Number gameNumber game
Number game
 
Counting Game
Counting GameCounting Game
Counting Game
 
NumberJumpingMathGamebyBeverlyWilliams
NumberJumpingMathGamebyBeverlyWilliamsNumberJumpingMathGamebyBeverlyWilliams
NumberJumpingMathGamebyBeverlyWilliams
 
How To Beat The Sales Numbers Game Model
How To Beat The Sales Numbers Game ModelHow To Beat The Sales Numbers Game Model
How To Beat The Sales Numbers Game Model
 
Resumen y interpretación de el matadero
Resumen y interpretación de el mataderoResumen y interpretación de el matadero
Resumen y interpretación de el matadero
 
The Numbers Game
The Numbers GameThe Numbers Game
The Numbers Game
 
Present continuous-game
Present continuous-gamePresent continuous-game
Present continuous-game
 
Counting game 1 10
Counting game 1 10Counting game 1 10
Counting game 1 10
 
Present simple vs present continuous 1 exercises
Present simple vs present continuous 1 exercisesPresent simple vs present continuous 1 exercises
Present simple vs present continuous 1 exercises
 
Apuntes sobre el Matadero de Echeverría
Apuntes sobre el Matadero de EcheverríaApuntes sobre el Matadero de Echeverría
Apuntes sobre el Matadero de Echeverría
 
Custom made firefighting vehicle body solutions for firefighting excellence
Custom made firefighting vehicle body solutions for firefighting excellenceCustom made firefighting vehicle body solutions for firefighting excellence
Custom made firefighting vehicle body solutions for firefighting excellence
 
Nederman Fire Exhaust Systems
Nederman Fire Exhaust SystemsNederman Fire Exhaust Systems
Nederman Fire Exhaust Systems
 
Foamfatale Tank Fire Protection and Fire Truck references by Dr. Szocs)
Foamfatale Tank Fire Protection and Fire Truck references  by Dr. Szocs)Foamfatale Tank Fire Protection and Fire Truck references  by Dr. Szocs)
Foamfatale Tank Fire Protection and Fire Truck references by Dr. Szocs)
 
Alog Teesside
Alog TeessideAlog Teesside
Alog Teesside
 
"El Matadero" de Esteban Echeverría
"El Matadero" de Esteban Echeverría"El Matadero" de Esteban Echeverría
"El Matadero" de Esteban Echeverría
 
Aerial Firefighting A Strategic Perspective - David Pearce
Aerial Firefighting A Strategic Perspective - David PearceAerial Firefighting A Strategic Perspective - David Pearce
Aerial Firefighting A Strategic Perspective - David Pearce
 

Recently uploaded

How to Get CNIC Information System with Paksim Ga.pptx
How to Get CNIC Information System with Paksim Ga.pptxHow to Get CNIC Information System with Paksim Ga.pptx
How to Get CNIC Information System with Paksim Ga.pptx
danishmna97
 
Goodbye Windows 11: Make Way for Nitrux Linux 3.5.0!
Goodbye Windows 11: Make Way for Nitrux Linux 3.5.0!Goodbye Windows 11: Make Way for Nitrux Linux 3.5.0!
Goodbye Windows 11: Make Way for Nitrux Linux 3.5.0!
SOFTTECHHUB
 
20240605 QFM017 Machine Intelligence Reading List May 2024
20240605 QFM017 Machine Intelligence Reading List May 202420240605 QFM017 Machine Intelligence Reading List May 2024
20240605 QFM017 Machine Intelligence Reading List May 2024
Matthew Sinclair
 
GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024
GraphSummit Singapore | The Art of the  Possible with Graph - Q2 2024GraphSummit Singapore | The Art of the  Possible with Graph - Q2 2024
GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024
Neo4j
 
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
Neo4j
 
DevOps and Testing slides at DASA Connect
DevOps and Testing slides at DASA ConnectDevOps and Testing slides at DASA Connect
DevOps and Testing slides at DASA Connect
Kari Kakkonen
 
Epistemic Interaction - tuning interfaces to provide information for AI support
Epistemic Interaction - tuning interfaces to provide information for AI supportEpistemic Interaction - tuning interfaces to provide information for AI support
Epistemic Interaction - tuning interfaces to provide information for AI support
Alan Dix
 
20240609 QFM020 Irresponsible AI Reading List May 2024
20240609 QFM020 Irresponsible AI Reading List May 202420240609 QFM020 Irresponsible AI Reading List May 2024
20240609 QFM020 Irresponsible AI Reading List May 2024
Matthew Sinclair
 
Free Complete Python - A step towards Data Science
Free Complete Python - A step towards Data ScienceFree Complete Python - A step towards Data Science
Free Complete Python - A step towards Data Science
RinaMondal9
 
Large Language Model (LLM) and it’s Geospatial Applications
Large Language Model (LLM) and it’s Geospatial ApplicationsLarge Language Model (LLM) and it’s Geospatial Applications
Large Language Model (LLM) and it’s Geospatial Applications
Rohit Gautam
 
Mind map of terminologies used in context of Generative AI
Mind map of terminologies used in context of Generative AIMind map of terminologies used in context of Generative AI
Mind map of terminologies used in context of Generative AI
Kumud Singh
 
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
Neo4j
 
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
James Anderson
 
Removing Uninteresting Bytes in Software Fuzzing
Removing Uninteresting Bytes in Software FuzzingRemoving Uninteresting Bytes in Software Fuzzing
Removing Uninteresting Bytes in Software Fuzzing
Aftab Hussain
 
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
SOFTTECHHUB
 
PCI PIN Basics Webinar from the Controlcase Team
PCI PIN Basics Webinar from the Controlcase TeamPCI PIN Basics Webinar from the Controlcase Team
PCI PIN Basics Webinar from the Controlcase Team
ControlCase
 
UiPath Test Automation using UiPath Test Suite series, part 6
UiPath Test Automation using UiPath Test Suite series, part 6UiPath Test Automation using UiPath Test Suite series, part 6
UiPath Test Automation using UiPath Test Suite series, part 6
DianaGray10
 
Uni Systems Copilot event_05062024_C.Vlachos.pdf
Uni Systems Copilot event_05062024_C.Vlachos.pdfUni Systems Copilot event_05062024_C.Vlachos.pdf
Uni Systems Copilot event_05062024_C.Vlachos.pdf
Uni Systems S.M.S.A.
 
Elizabeth Buie - Older adults: Are we really designing for our future selves?
Elizabeth Buie - Older adults: Are we really designing for our future selves?Elizabeth Buie - Older adults: Are we really designing for our future selves?
Elizabeth Buie - Older adults: Are we really designing for our future selves?
Nexer Digital
 
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...
James Anderson
 

Recently uploaded (20)

How to Get CNIC Information System with Paksim Ga.pptx
How to Get CNIC Information System with Paksim Ga.pptxHow to Get CNIC Information System with Paksim Ga.pptx
How to Get CNIC Information System with Paksim Ga.pptx
 
Goodbye Windows 11: Make Way for Nitrux Linux 3.5.0!
Goodbye Windows 11: Make Way for Nitrux Linux 3.5.0!Goodbye Windows 11: Make Way for Nitrux Linux 3.5.0!
Goodbye Windows 11: Make Way for Nitrux Linux 3.5.0!
 
20240605 QFM017 Machine Intelligence Reading List May 2024
20240605 QFM017 Machine Intelligence Reading List May 202420240605 QFM017 Machine Intelligence Reading List May 2024
20240605 QFM017 Machine Intelligence Reading List May 2024
 
GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024
GraphSummit Singapore | The Art of the  Possible with Graph - Q2 2024GraphSummit Singapore | The Art of the  Possible with Graph - Q2 2024
GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024
 
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
 
DevOps and Testing slides at DASA Connect
DevOps and Testing slides at DASA ConnectDevOps and Testing slides at DASA Connect
DevOps and Testing slides at DASA Connect
 
Epistemic Interaction - tuning interfaces to provide information for AI support
Epistemic Interaction - tuning interfaces to provide information for AI supportEpistemic Interaction - tuning interfaces to provide information for AI support
Epistemic Interaction - tuning interfaces to provide information for AI support
 
20240609 QFM020 Irresponsible AI Reading List May 2024
20240609 QFM020 Irresponsible AI Reading List May 202420240609 QFM020 Irresponsible AI Reading List May 2024
20240609 QFM020 Irresponsible AI Reading List May 2024
 
Free Complete Python - A step towards Data Science
Free Complete Python - A step towards Data ScienceFree Complete Python - A step towards Data Science
Free Complete Python - A step towards Data Science
 
Large Language Model (LLM) and it’s Geospatial Applications
Large Language Model (LLM) and it’s Geospatial ApplicationsLarge Language Model (LLM) and it’s Geospatial Applications
Large Language Model (LLM) and it’s Geospatial Applications
 
Mind map of terminologies used in context of Generative AI
Mind map of terminologies used in context of Generative AIMind map of terminologies used in context of Generative AI
Mind map of terminologies used in context of Generative AI
 
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
 
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
 
Removing Uninteresting Bytes in Software Fuzzing
Removing Uninteresting Bytes in Software FuzzingRemoving Uninteresting Bytes in Software Fuzzing
Removing Uninteresting Bytes in Software Fuzzing
 
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
 
PCI PIN Basics Webinar from the Controlcase Team
PCI PIN Basics Webinar from the Controlcase TeamPCI PIN Basics Webinar from the Controlcase Team
PCI PIN Basics Webinar from the Controlcase Team
 
UiPath Test Automation using UiPath Test Suite series, part 6
UiPath Test Automation using UiPath Test Suite series, part 6UiPath Test Automation using UiPath Test Suite series, part 6
UiPath Test Automation using UiPath Test Suite series, part 6
 
Uni Systems Copilot event_05062024_C.Vlachos.pdf
Uni Systems Copilot event_05062024_C.Vlachos.pdfUni Systems Copilot event_05062024_C.Vlachos.pdf
Uni Systems Copilot event_05062024_C.Vlachos.pdf
 
Elizabeth Buie - Older adults: Are we really designing for our future selves?
Elizabeth Buie - Older adults: Are we really designing for our future selves?Elizabeth Buie - Older adults: Are we really designing for our future selves?
Elizabeth Buie - Older adults: Are we really designing for our future selves?
 
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...
 

Numbers game