Coder Social home page Coder Social logo

dwaynescape's People

Contributors

jasole1983 avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar

dwaynescape's Issues

Study Page Component - Meter

// Each studied card should register an effect relative to the rating selected //

TASKS

  • Create empty shapes from start to goal
  • Code empty shapes to fill from change in State
  • Display stopwatch

Study Page Component - Answer

Answer should remain hidden until queued for it's phase in the cycle

TASKS

  • Create Answer Modal
  • Code trigger mechanism to display answer and then hide element

Determine Expected Frontend Routes

Plan out each foreseeable route for the fronted
Determine which pages will require full rerendering
which will need Modals
which will just update the state

PRE MVPs - Set design defaults

Decide up the global styling defaults to maintain sitewide congruity

TASKS

  • FontFamily
  • Box Borders
  • Used Links
  • Background Colors
  • Accent Colors

Design basic wireframe

Basic layout for each expected full rerender page
layout positions for menus,
determin dropdown points, columns expansions, scrolling areas
determine button functions
layout navbar & footer
landing page
dashboard
study

Study - 'Decks to Study' Context

Need context that is available on all pages

TASKS

  • Code out a useState/Context/Prop that can be carried along to keep track of any decks being added to the "toStudy" list
  • Set study session to draw from "toStudy" list for source material

BE: /userid/decks routes created

TASKS

  • Setup Blueprint for /userid/decks
  • /create route with POST GET
  • /edit/:deckId route with GET PUT DELETE
  • Validators for forms
  • Send data on submit
  • Deck form data -> decks
  • Card data -> cards

Study Page Component - Rating

Should display 5 levels of rating regarding mastery of card, but only be enabled during its phase

TASKS

  • Create 5 elements, each with their own color
  • Able to be clicked after answer phase
  • Each should change state to adjust meter

Study Session Complete Modal

After meter is filled display Success modal with stats

TASKS

  • Create the Success Page popup
  • Display overall stats for study session
  • Option to repeat same study Session

FE: Create Modal for create/edit Decks

Create the Modal in the context folder

  • Code the functionality of the Modal
  • Create the component that holds the Modal
  • Create the forms within the page
  • Create new card (q input / a input / submit card)
  • Display cards as they're created
  • Provide edit and delete buttons for each card
  • Reset button (return to state before modifications)
  • Save button (submit new deck form)
  • Embed/render the Modal launcher on the User Dashboard

BE: /users/ routes created

TASKS

  • Create Blueprint for /users/
  • GET route to get all user Decks
  • Validators for queries
  • Error Handling

Study Page Component - Question

Display the question full and bright, partial fade for rest of phases in the cycle

TASKS

  • Create element to display current question
  • Style element and transform opaqueness for subsequent phases
  • Create whatever elements above question as well

FE: establish Dashboard

TASKS:

  • Establish "logged in" redirect route
  • Create the Dashboard Component
  • Default load to user created decks
  • Launch Modal trigger
  • Display elements relative to User
  • Styling and decorating Dashboard

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.