Project Overview

Project Name

Mental Help!

Project Description

Mental Help is a website that allows you to log your feelings and cope with your emotions just like a bullet journal but digital. Keeping a journal is a good way to track your moods, energy levels, and mental health symptoms. Over time, journaling these things might help you recognize things that trigger depression and anxiety.

Wireframes

Wireframe Figma link

Component Hierarchy

API and Data Sample

Using Airtable API

{
"records": [
{
"id": "recIXLYrBuaHEEEYM",
"fields": {
"gratitudeLog": "I'm grateful for my life"
},
"createdTime": "2020-10-09T01:12:05.000Z"
},
{
"id": "reccIZe3RDWN3t0Fg",
"fields": {
"gratitudeLog": "I'm grateful for having a roof over my head"
},
"createdTime": "2020-10-09T01:12:05.000Z"
},
{
"id": "recPznvMRIAXENKDe",
"fields": {},
"createdTime": "2020-10-09T01:12:05.000Z"
}
],
"offset": "recPznvMRIAXENKDe"
}

MVP/PostMVP

MVP

• Create HomePage with a Button to start
• Make the Gratitude log page and render the data from user input to the page
• Make the Resources page

PostMVP

• Add a responsive NavBar
• Add more pages to render user input in different categories using different airtable's APIs
• Add different animations

Project Schedule

Day	Deliverable	Status
October 8	Prompt / Wireframes / Priority Matrix / Timeframes	Complete
October 9	Project Approval / Initial structure	Complete
October 10/11	Welcome page and button animation	Complete
October 12	Gratitude page and API render	Complete
October 13	CSS and style of MVP	Complete
October 14/15	reach MVP and start working on Post MVP	Complete
October 16	Presentations	Incomplete

Timeframes

Component	Priority	Estimated Time	Time Invested	Actual Time
Creating HomePage	H	3hrs	3hrs
HomePage Button	H	1hr	1hr
Creating Grat. Page	H	3hrs	3hrs
Add input form	H	3hrs	3hrs
Render API data	H	3hrs	3hrs
Create resources page	H	2hrs	2hrs
Style MVP pages	H	3hrs	3hrs
Add animations	M	3hrs	3hrs
Create post MVP pages	M	6hrs	6hrs
Render more APIs	M	6hrs	6hrs
Add info about me	L	2hrs	2hrs
Add animations	L	3hrs	3hrs
Total	H	38hrs	38hrs

SWOT Analysis

Strengths:

I am determined to achieve all my MVP and Post MVP, i have a clear idea of what I want the app to display!

Weaknesses:

I am afraid of setting my post MVP higher of what I can actually achieve in a week!

Opportunities:

Learn more about React and applying the different techniques exposed on class.

Threats:

Making the app responsive as I want it to be and the navigation bar.