The Habit Looping application was created as a unit 2 project for a software engineering immersive bootcamp. It is a full-stack application using Node.js, Mongoose, Express, EJS and Bootstrap. The application adhers to a MVC file structure. The model uses the 7 RESTful routes and full CRUD. I used https://www.mongodb.com/atlas/database cloud service to manage the data used in this application.
The current application allows users to register and gain access to a shared database with a list of habits. Users can view, edit, add and delete habits from the list.
The application is deployed through Heroku and can be accessed here: https://habit-looping-app.herokuapp.com/
Forthcoming Features:
Individual database rather than shared. | Habit daily tracking system and visual goal tracker that utilized tracking data. | Additional ejs files containing information about the concept of habit looping as well as resources available for further research. | Habit cue feature- users can identify their habit cues and set reminders. | Habit reward feature- users can identify their daily reward assigned to the habit. (ex: drinking the recommended daily amount of water = 30 | minutes watching TikToks). As well as rewards attached to reaching tracking goals. ( ex: tracking every day for a week = treating yourself to your favorite specialty coffee drink ) | Fully mobile friendly.
Initial Wireframe:
Current Wireframe:
User Stories: As a user I want to register so I can gain access to the other pages in the app. | As a user I want to sign in using my set up creditials that I registered so I can login in to the app securely. | As a user I want to see a list of my habits so that I know what my habits are. | As a user I want to click on the hyperlink title of the habit so that can be directed to a page with information about that particular habit. | As a user I want to click on the pencil image for editing so that I can edit information about the habit. | As a user I want to click on the green plus image so that I can add additional habits and their associated information. | As a user I want to click on the delete button so that I can delete a habit . | As a user I want to sign out of by account so that other's cannot gain access to my account.
Technologies Used: Node.js | Mongoose | Express EJS | Bootstrap | Mongodb Atlas |
Approach:
Create an application that is : user friendly, aesthetically pleasing and set up in a way that additional features can be added.
Unsolved Problems: N/A