MindFull

Project Story

When creating MindFull we were inspired by the idea of creating a fun way to help sharpen and track users' minds. The activities we designed focused on giving elders, specifically those with cognitive decline, fun games to play to keep their minds engaged. The games we decided on creating were Trivia, Memory and an app for users to track tasks. The first challenge and obstacle we learned from was finding a way of persisting the data for each user independently of one another. Since we did not want to set up an entire backend for the time being, we decided to store all the users’ information in the browser’s localStorage object any time the Redux reducers received actions. The Redux store’s default state was then obtained from the browser’s localStorage. Next we started implementing the games. The first game Trivia, was implemented with an API. This big learning curve with this game was removing certain symbols from answers and questions returned by the API. We did this by converting the string from base64 given by the API to decimal. The next game was memory. The main challenge we faced in memory was figuring out a way to hide the cards and reveal them once they were selected. We did this by creating two css classes and changing between them with a button based on the state of that particular button.

Overall some of the main key takeaways that we learned during this process were, implementing browser localStorage, getting experience with React Hooks and Redux, and learning to style with Semantic UI React. We hope you enjoy our project!