Extra is a flash card application that helps users learn vocabulary and jargon. It is hosted on Heroku, uses a local-session authentication strategy, and is built with ExpressJS, ejs templating, and Material Design.
Goals for this project include
- Use wireframes to guide development
- Use semantic HTML
- Structure CSS logically
- Use authentication
- Hash and salt passwords with bCrypt
- Use local-session auth strategy
- Use at least 2 data models
- Employ full CRUD routing
- Deploy with Heroku
- Explore tools:
- Materialize
A user wants to make flash cards to practice english-language vocabulary. They sign in, create a collection, and add several flash cards to the collection.
A user wants to run through some flash cards that they made. They select a collection to practice and type their definition before moving on to the next card. At the end of their run through they score their answers against the cards they made.
Click to view @ creately.com. Click hyperlink icon in the bottom-left corner to see wireframes.
Page | Quizlet | Cram | Duolingo |
---|---|---|---|
Homepage | |||
Search Results | |||
Create New Card | N/A | ||
Play Collection | |||
Score |
Features remaining: removing cards
- from collections
- from addition page Picture fronts Dark mode User names with an internal UUID
For words with one definition, cannot select first definition and see a change Newly created collections cannot save their edits Markdown cards run into issues with varchar 255 being too short