Giter Club home page Giter Club logo

rachel-hofer / ironhack-project1-theinterview Goto Github PK

View Code? Open in Web Editor NEW
2.0 1.0 0.0 2.61 MB

Week-3, Project 1: Game - The Interview <-> Assignment: Render a game in the browser, Switch turns between two players, Design logic for winning & visually display which player won, Include separate HTML / CSS / JavaScript files, Use Javascript/jQuery DOM <->Technologies: HTML, CSS, Bootstrap, jQuery, Javascript

HTML 30.49% JavaScript 46.81% CSS 22.70%
javascript html css bootstrap jquery

ironhack-project1-theinterview's Introduction

Technologies Used:

  • HTML5
  • CSS3
  • JavaScript
  • JQuery
  • Bootstrap

Instructions:

  • This game is a trivia game with the added competitive twist of making the setting a job interview
  • The “Interview” is specifically for Web Developers, offering 3 different "positions" (difficulty levels)
    1. Two highly-qualified candidates will go head to head in an intense round of interview questions asked by the company's CEO
    2. Each Candidate will be asked 10 questions
    3. Correct answers = +1 point
    4. Candidates will alternate turns, regardless of a correct/incorrect answer
    5. The interview will come to an end after both candidates answer their 10 questions
    6. The Candidate with the most points will receive a job offer

Challanges:

  • CHALLANGE: Trying to move through the questions while having specific actions happen after each question- TRIED:
    1. for loop - didn’t work
    2. Prompts - didn’t work
  • SOLUTION: creating an increaseQuestion method with a variable for nextIndex
  • CHALLANGE: Alternating player turns and having the points counter recognize each player- TRIED:
    1. Two separate question arrays - didn’t work
  • SOLUTION: creating a nested if/else statement, alternating true/false per player after each submission

Future Add-Ons:

  • Responsive Web-Design
  • Add Mid-Level and Senior-Level Questions
  • Add a timer, 10 seconds to answer each question
  • Add a feature to “steal” candidate’s question if answered incorrectly or time limit exceeds with no answer
  • Add a tie-breaker rule, sudden death questions
  • Improve certain UX aspects

Instructor Feedback:

  • Successes-

    1. Met all criteria required for game:
      • Winner/Loser
      • 2 Players
      • Deployed
      • Can play game from beginning to end
    2. Good balance bettween focus on design and functunality
    3. Good "game plan"/organization of the process
  • Areas of Opportunity-

    1. Organize your JS more:
      • Declare your functions on a seperate JS file than your logic
      • Avoid declaring functions inside of the logic, only call the functions already created

ironhack-project1-theinterview's People

Stargazers

 avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.