---
# System prepended metadata

title: Pre-work - *Memory Game*

---

# Pre-work - *Memory Game*

**Memory Game** is a Light & Sound Memory game to apply for CodePath's SITE Program. 

Submitted by: Vanessa Rivera

Time spent: 8 hours spent in total

Link to project: (https://glitch.com/edit/#!/codepath-prework-vanessarivera?path=index.html%3A1%3A0


## Required Functionality

The following **required** functionality is complete:

* [ ] Game interface has a heading (h1 tag), a line of body text (p tag), and four buttons that match the demo app
* [ ] "Start" button toggles between "Start" and "Stop" when clicked. 
* [ ] Game buttons each light up and play a sound when clicked. 
* [ ] Computer plays back sequence of clues including sound and visual cue for each button
* [ ] Play progresses to the next turn (the user gets the next step in the pattern) after a correct guess. 
* [ ] User wins the game after guessing a complete pattern
* [ ] User loses the game after an incorrect guess


## Video Walkthrough (GIF)

If you recorded multiple GIFs for all the implemented features, you can add them here:
![](https://i.imgur.com/XvWLgF1.gif)

![](https://i.imgur.com/REjhJmp.gif)

## Reflection Questions
1. If you used any outside resources to help complete your submission (websites, books, people, etc) list them here. 
  I got help from two software engineer friends Luke Cranfill and Riley Marfin

2. What was a challenge you encountered in creating this submission (be specific)? How did you overcome it? (recommended 200 - 400 words) 
   My biggest challenge with this project was not knowing any bit of javascript. I have only had an entry level introduction of computer science and the class was in Java so i truly knew nothing about javascript. A technical issue I encountered was that I couldn't figure out how to get the next sequence that is played to not blend in with the playback of the user's previous guess. I also found it difficult to find the right balance of tone length. Sometimes it felt like it was too long of a sound but when i shortened it, it still felt off in some way.

3. What questions about web development do you have after completing your submission? (recommended 100 - 300 words) 
 I still don't really understand how my code works. I simply followed the tutorial but i'll be honest, I look back at the code and a lot of it does't fully register how it works. For example, I dont understand how the playTone vs startTone functions differ. I still dont understand what the if function (pattern[guessCounter] == btn) does either.

4. If you had a few more hours to work on this project, what would you spend them doing (for example: refactoring certain functions, adding additional features, etc). Be specific. (recommended 100 - 300 words) 
  If I had more time, I would have loved to figure out how I could've made the buttons the shape of the real Simon says game. I would have also wanted to be able to implement the real sound to it and not the generic tones we were given. An additional feature that could have made this a better game would have been to be able to randomize the pattern instead of a preset pattern.



## Interview Recording URL Link

[https://www.youtube.com/watch?v=XU6b27-15lI


## License

    Copyright [Vanessa Rivera]

    Licensed under the Apache License, Version 2.0 (the "License");
    you may not use this file except in compliance with the License.
    You may obtain a copy of the License at

        http://www.apache.org/licenses/LICENSE-2.0

    Unless required by applicable law or agreed to in writing, software
    distributed under the License is distributed on an "AS IS" BASIS,
    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
    See the License for the specific language governing permissions and
    limitations under the License.