Need to learn things quickly without your brain imploding?
Mind Decks modernizes classical flashcards to be an efficient and fun way to study on the go or at home.
This is our submission for our final group project for UofT Bootcamp. We have used the skills and technologies we have learned over the past six weeks, including Performant JS, NoSQL databases, Progressive Web Applications, React single-page applications, GraphQL APIs, Concurrent servers in a MERN app and Authentication.
Mobile-first design is built on the fact that users increasingly use their mobile devices to interact with web applications. An application that provides users with the best performance and flexibility is likely to win out over its competitors.
AS a LEARNER I WANT to efficiently remember facts in a gamified way
SO THAT I can consistently recall facts at will
GIVEN sets of decks to study from
WHEN I select a deck
THEN the game loads this deck's contents to be reviewed
WHEN a flashcard shows up THEN I can select an answer from three possible options
WHEN I select an incorrect answer
THEN the card will show more frequently in the future
WHEN I select a correct answer
THEN the card will show less frequently in the future
WHEN I complete a game (of 15 cards)
THEN I get a summary of how much points I have earned in this session WHEN I do particularly well in each game
THEN more cards from the deck will be added to the pool
WHEN my score reaches certain milestones
THEN I will have earned a badge to show off on my profile
GIVEN my competitive nature in this gamified environment
WHEN I open my profile page THEN I see my avatar, cumulative score, and badges I have earned
WHEN I open the leaderboard page
THEN I can see how my score compares with other players
WHEN I click on another player's profile THEN I can see their avatar, cumulative score, and badges
A deployed version of this app can be access in the link below:
https://group5-project3-uot-duolingo.herokuapp.com/
- Create an account to access the different decks available.
- Answering flashcard questions incorrectly will make them appear more often. Conversely, answering them correctly will make them appear less often.
- As the user's mastery with each deck increases, more cards from the set will be added.
- Relax and do your best! The app is designed to be a low-stressed way to learn and practice. Go with the flow, and with enough time commitment, you will naturally be able to answer all the questions flawlessly!
| Server-Side | Client-Side |
|---|---|
| Apollo-Server-Express | Apollo |
| Bcrypt | Chakra-UI |
| Express | React |
| GraphQL | Framer Motion |
| JSON Web Tokens | |
| Mongoose |
- Application is both desktop and mobile friendly.
- PWA allows the app to be used on the go.
- Persistent stat-tracking saved to the user's profile.
- Digital badges to be awarded to be shown off when mastering flashcard decks.
Published under the ISC license.
- Run
git clonefrom this respository: https://github.com/Uot-Project3-Group05/uot-project3-group5.git - Run
npm ito install dependencies. npm startwill create a development build to experiment with.- Access the local dev build on http://localhost:3000/ (default).
Made with ❤️ by Group 5
Johnny Wu, Kris Pennimpede, Esteban Romero, Ojashri Basnyat, Ali Taghva, Shawn Evans, Anagha Pawar, and Terrence Chan