Landing Page
Login Screen

Mindtrack

Keep your mind on track!

What is Mindtrack

Mindtrack is a project organization platform designed to set you up for success! Mindtrack accomplishes this by walking the user through the SMART goals processes, ensuring that all the goals set are broken up into smaller more manageable pieces

Inspiration

Ever had a large project or goal you needed to achieve, but didn't know where to start? We ran into this situation a lot during, for example, events like hackathons! We noticed that we tend to be more successful in accomplishing the goal if we plan out the project before we start. However, when we "plan out" the project it usually involves sending large text walls to each other and tends to become more unorganized overtime. We created this app to solve these issues as well as create more clear and focused steps

How we built it

The project is a prerendered, JAMStack-ready single-page application built with Vue and NuxtJS.

On the frontend we used, Nuxt.js on top Vue.js to create a SPA web app. We used buefy/bulma to create the user interfaces which communicate with an API. Frontend Repo

On the backend, we created the API through express.js and stored the data in a MongoDB Atlas instance. Sessions are handled through JWT Backend Repo

Accomplishments that we're proud of

We created a fully working SPA web app with :) Signups & Logins are fully up and running and we finished a lot of what we wanted to do with Mindtrack, (Dashboard, Editor)

What we learned

We learned about creating apps with Nuxt.js as this was the first time we really used the framework!

What's next for MindTrack

We want to add more advanced features to Mindtrack such as things like media uploads, categories as well as live editing through WebSockets.

We also really want to nail in more features on the goal creation side. For example, making the goal making process more in-depth/aligned with the SMART goals system

Feedback and Suggestions are appreciated!!