Coder Social home page Coder Social logo

js_project's Introduction

Background

This project will be composed of a timed mini-game and a trivia. It will begin with a mini-game that the user will play and score as high as they can before the time runs out. The result will be scored on a points system that will be correlated to the total number of points they have. They then will be directed to the trivia and each question answered correctly will add on to their points. Each question answered incorrectly will decrease their points. If the user's points hit 0 they lose. Once the user reaches 10000 points, they win.

Functionality & MVPs

In this project, users will:

Select the start button to start the game.

Timer will start and they will begin selecting the correct answers for the mini-game. The more they guess correctly, the higher their appeared score will be.

Wireframes

Screen Shot 2021-09-03 at 5 35 49 AM

Technologies, Libraries, API's

D3.js

Progress Bar
Timer API
Transitions API

Implementation Timeline

NB:

Friday Afternoon & Weekend: Setup project, parse data from Json, create basic layout of game logic/initial conditionals

Monday: Initiate JS coding, record User's answers, document User's points, implement Timer API that correlates with start of game

Tuesday: Link Score with both the Game and the Trivia and implement Transitions API

Wednesday: Fill in gaps, UI emphasis, (strive to make as User-Friendly as possible).

Thursday Morning: Deploy to GitHub pages. If time, rewrite this proposal as a production README.

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.