- Project Description
- Application Features
- Installation
- Usage
- Credits
- License
- Repository Status
- Contribute
- Tests
- Checklist
What is this project?
-
An emotion tracking application developed using the MERN stack.
Why this project?
-
The 2017 Gallup Negative Experience Index—a snapshot of the world’s emotional state drawn from 154,000 people in 145 countries—recorded its highest-ever levels of stress, sadness, anger, worry and physical pain. In a disruptive economy, the disrupted feel ever more vulnerable, as the pace of radical change increases while their ability to plan for and react to it decreases.
-
For many people, this is an increasingly anxious, unhappy and lonely world. Complex transformations—societal, technological and work-related—are having a profound impact on people’s lived experiences. According to the World Economic Forum’s Global Risks Report 2019: “A common theme is psychological stress related to a feeling of lack of control in the face of uncertainty.”
-
Noting that mental health problems now impact over 700 million people worldwide, the Global Risks Report contends that the human cost of global risks like —declining psychological and emotional well-being—represents a significant threat with corrosive effects on social cohesion and politics.
What problem does this project solve?
-
Mood tracking is therapy. It can help you prevent the early symptoms of mental health issues like depression, panic attacks, and bipolar disorders. However, this doesn’t mean that it’s only for those with mental health problems.
-
Keeping a mood diary lets you become more aware of the feelings you have and the things that cause them. When you understand yourself, you are better able to determine how to become happier.
-
Some reasons for mood tracking:
- Identify / label your triggers.
- By actively tracking mood, you are present with yourself / mindful and able to honestly check-in. This process is more likely to help you pin point your triggers or at least have something to discuss with your support network.
- Help manage your mood swings.
- The process of doing something to monitor your emotions helps develop a strategy, in turn giving you a sense of control as it should help you to see the emotional impact of your choices – whether they are choices in or out of your control.
- Mood tracking can be an important trigger, prompt for you to be positive about your life and wellbeing.
- Keep informed by having a record of mood over a period of time can be a good tool for your support network to help you.
Lessons learnt?
-
Time management - a lot of features for this 1st concept had to be abandoned. Some of those features included a feel good / brag wall for the user to have images that spark positive emotions. A lot of time was lost exploring existing packages to achieve this feature. The outcome of a number of days of exploration is that there isn't an off the shelf package.
-
React is a great technology for the efficient production of commercially available web based applications. The structural nature of React mean you can work quickly and expediency in any commercial produce is a critical criteria for commercial success.
-
Mongoose DB, once you have learnt the syntax, is an excellent way for storing and retrieving data. Object based data management is liberating compared to the rigid rules of SQL alternatives.
-
Minimalism. Upon logging in, the user is immediately taken to the 5 question survey. On submitting the survey, they are taken to a summary of their response with the facility to add a note.
-
Should the user prefer to go directly to their data dashboard, they can select "Notes" from the menu that opens an environment that has all their notes, a graph depicting the last 12 responses, and the facility to add notes.
-
Complies with Progressive Web Application requirements and therefore provides the user with the facility to install the app, improving usage / accessibility.
You are welcome to download the source code from my Github repository
Once downloaded, you will need to install the dependencies with the following command in your terminal:
npm install
To run the application, type in the command line:
npm start develop
Enjoy.
The code can be downloaded from my Github repository for all assets created for the project.
You can modify the code as you need.
- React online documentation,
- Stack Overflow forums - huge gratitude to all the developers that give their time to answer questions on this forum.
- https://www.apollographql.com/blog/graphql/basics/graphql-vs-rest/
- Adrian Hajdin - JS Mastery - various resources from his work was referred to for the development of this application.
The works in this repository are subject to:
If you would like to contribute, please comply with the Contributor Covenant Code of Conduct:
- No unit tests have been written for this application.
All actions not checked are still to be completed:
[x] This application satisfies the following acceptance criteria:
- Uss React for the front end.
- Uses GraphQL with a Node.js and Express.js server.
- Uses MongoDB and the Mongoose ODM for the database.
- Uses queries and mutations for retrieving, adding, updating, and deleting data.
- Is deployed using Heroku (with data).
- Has a polished UI.
- Is responsive.
- Is interactive (i.e. accepts and respond to user input).
- Includes authentication (JWT).
- Protects sensitive API key information on the server.
- Has a clean repository that meets quality coding standards (file structure, naming conventions, best practices for class and id naming conventions, indentation, high-quality comments, etc.).
- Has a high-quality README (with unique name, description, technologies used, screenshot, and link to deployed application).
[x] Application has an Apollo Server, using GraphQL queries and mutations to fetch and modify data, replacing the existing RESTful API.
[x] Uses an Apollo Server and apply it to the Express.js server as middleware.
[x] Includes schema settings for resolvers and typeDefs as outlined in the homework instructions.
[x] Is an installable PWA application.
[x] Application is deployed to Heroku flickering.herokuapp.com.
[x] Application loads with no errors.
[x] User experience is intuitive and easy to navigate.
[x] User interface style is clean and polished.
[x] Application resembles the mock-up functionality provided in the homework instructions.
[x] GitHub repository contains application code.
[x] Application is deployed to GitHub Pages: Github location: https://github.com/Mark33Mark/flickering
[x] Application loads with no errors.
[x] Github repository contains application code: Github location: https://github.com/Mark33Mark/flickering
[x] Repository has a unique name.
[x] Repository follows best practices for file structure and naming conventions.
[x] Repository follows best practices for class/id naming conventions, indentation, quality comments, etc.
[x] Repository contains multiple descriptive commit messages.
[x] Repository contains quality README file with description, screenshot, and link to deployed application: Github location: https://github.com/Mark33Mark/flickering.