Skip to content

Latest commit

 

History

History
98 lines (75 loc) · 3.08 KB

task-list.md

File metadata and controls

98 lines (75 loc) · 3.08 KB

Task List

For Web-Dev-Rush

Instructions

_Choose a task from the list and write your name in parenthesis next to the task if you're currently working on it. ( EXAMPLE: *Create a README.md (CJ) ) Once completed -- cut the task from the "Task" header and move it into the "Completed" header.

NOTE: Make sure to remove console logs and/or alerts before merging your branch_

Tasks

Game Layout / Planning

  • Design UX layout for playing "Web Dev Rush"
  • Design a rough layout of main menu
  • Design a rough layout of play mode
  • Design a rough layout of game over screen
  • Design a rough layout of victory screen
  • Find HTML to build game around for prompts
  • Transcribe prompts in order of work-flow

HTML

  • Confirm link between bootstrap, CSS, Javascript, jQuery, animate.css, and howler
  • Create Main Menu screen div that contains a start button
  • Create a Play Mode div that contains divs:
    • "Display box" div
    • "HTML Prompts" div
    • "Input" div
    • "Time limit" div
    • "Score" div
    • "Bug Counter" div
    • "Instructions box" div
  • Create a Victory div that contains:
    • Victory Text
    • Results div
    • Retry Button
  • Create a Game Over div that contains:
    • Game Over Text
    • Results div
    • Retry Button
  • Create "About Us" section layout with added photo in aboutus.html
  • Write short description about team and Epicodus

Javascript / jQuery

  • Responsiveness main menu start button --> play mode
  • Responsiveness retry button --> play mode
  • Responsiveness about us button --> aboutus.html
  • Receive string value from input div
  • Create an ordered array of HTML prompts
  • Create loop that progresses through each HTML prompt after user input
  • Create a function that appends correct strings to display box
  • Create an ordered array of prompt instructions
  • Create loop that progresses through each prompt instruction after user input
  • Create function that compares HTML prompts <--> User input
  • Create function that indicates when user input does not match HTML prompt, creating a bug
  • Create loop or if statement that indicates when there are three bugs, resulting in a Game Over
  • Create function that increments score with every correct input
  • Create function that decreases time limit per second over time
  • Create loop or if statement that checks if time limit is 0, resulting in a Game Over
  • Create loop or if statement that checks if HTML prompts have looped through, resulting in Victory

CSS Styling

  • Style paragraph fonts (p)
  • Style header fonts (h1, h2, etc.)
  • Style main menu background
  • Style play mode background
  • Style game over screen
  • Style victory screen
  • Style buttons
  • Style "Time Limit box"
  • Style "Score box"
  • Style "HTML Prompt box"
  • Style "Prompt Instructions box"
  • Style "About Us" section

CSS Graphics/Animation

  • Add and animate glyph for "correct" input
  • Add and animate glyph for "incorrect" input
  • Add animation for appended prompts in display box
  • Add highlight animation for button press

Completed

  • [Empty]