dwaynescape's People
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
FE: Pre-reqs for first MVP feature
TASKS
- Create and style Nav-Bar
- Create and style Login Modal
- Create and style Signup Modal
- Create and style Landing Page
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
FE: Create Study Page
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
Create & Delete individual decks (Overall)
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
BE: Users model creation
TASKS
- Setup Users Model
- Setup Users Migrations
- Setup Users seed data
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
Format the Wiki Properly
Makes sure all links available, set up for production level
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
Convert User Story 4 to issue
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: Decks model creation
TASKS
- Setup Decks Model
- Setup Decks Migrations
- Setup Decks seed data
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
Convert User Story 3 to issue
Determine Expected API Routes and Scheme them
Plan out all foreseeable required routes necessary for the backend server side function.
Convert User Story 1 to Issue
BE: Cards Model creation
TASKS
- Setup Cards Model
- Setup Cards Migrations
- Setup Cards seed data
Convert User Stories to Issues
Need to take each user Story and break it into individual issues
Convert User Story 2 to issue
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
Complete Study Feature
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google โค๏ธ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.