MindCheque

Invest in yourself on a daily basis!

A website designed and curated with the user in mind, a tool for those who sometimes feel anxious, or want a way to track their day-to-day.

MindCheque is a resource that can be used to deposit your thoughts and memories into your very own memory bank.

 

Context: BrainStation Capstone Project

Tools: HTML, CSS, SASS, JavaScript, React, Node.js, Express, MySQL, Knex.js, Axios, Figma

Timeline: 1.5 Weeks

Ideated, Designed, and Developed by James Koutrakos

 

Demonstration Video

 
 
 

Why MindCheque?

The name MindCheque is a play on words.

Mind being home to your memories, and Cheque to illustrate that it gives you the opportunity to 'check' yourself on the daily. Also, in making memory deposits like depositing a 'cheque'.

Features

  • The ability to create a new user account and deposit memories in your very own memory bank.

  • Personalized experience complete with prompts pulling from information inputted during the sign-up process, as seen throughout the web app.

  • A clean UI with bold colors and subtle animations that guide the user with ease from screen to screen.

  • Intentional UX design, made possible by collecting user research through interviews and user testing.

  • A complete MySQL database that holds all users and memories in their respective tables.

  • Responsiveness in mobile, tablet, and desktop views (see examples of the Memory Overview page below)

 

UX Research and Design

Designed and curated with the user in mind as I made low, medium, and high fidelity wireframes, conducted over 10 thirty minutes to hour long user interviews using a full interview guide to gain insight on how the user thinks, and user tests to test for user flow issues and polish UI elements.

 

Tech Stack

MindCheque was built using:

  • A front-end comprised of a React framework with SASS.

  • NPM packages including Axios and SweetAlert2 to handle API calls and modals respectively.

  • A back-end comprised of node.js and express.

  • With MySQL and knex.js to handle server and model communication.

 

Future Plans

Let’s see what the future holds for MindCheque…

  1. Proper Security and Authentication

    • Through inclusion of OAuth and JWT, I aim to make this website as secure as I can. It is imperative that people’s memories are kept secure and unseen to others so long as they choose to not share them.

  2. Generated Recommendations Based On User Activity

    • Ideas for new memories to write, motivating users to write another “Proud” memory if they have written one or two “Sad” memories.

    • The more that users interact with MindCheque, the more recommendations MindCheque will inevitably provide to them.

  3. Intentional Sharing To Specific Individuals and/or Licensed Professionals

    • The ability to share your memories in an exportable format (JPEG, PNG, PDF) to whoever you may choose. Could be a very close friends, family member, or a professional such as a therapist who you would like to share your most recent memory deposits with.

    • Sharing will not be as easy as social media platforms and will require some method of password or 2-step authentication to ensure that sharing is intentional because of the sensitive information that MindCheque holds.