You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
A habit tracking web app built using React, Express JS and PostgreSQL.
Contributors: Anna, Bhuma and Hannah
Installation & usage
Installation
Clone or download the repo.
In your command line, run npm install in both the Client and Server folders.
In the Client folder, run npm start.
In the Server folder, load the database with psql and /i datatabases/seeds.sql.
Then run npm start.
Usage
Click Register to create an account using your email address and password.
Click Login to login using the above email address and password.
To create a new habit to be tracked, click Add new and fill in the details.
On your dashboard, to log each occurence of completing your habit for the day, click the + button.
Technologies
React
Express
PostgreSQL
Webpack
JavaScript
HTML, CSS
Process
Started by wireframing the pages in Figma
Wrote pseudo code to break down the logic of collecting user input, collecting information from the API, sending it to the database, linking the three and assigning functionality to buttons.
Created a database with a user table and a habits table.
Used Webpack to configure our server and development setup.
Compartmentalised habit tracker functionality into separate components for clarity and ease of teamwork.
Challenges
Implementing login authentication
Predicting length of time certain tasks will take
Future features
Ability to delete habits
Adding a calendar to track all and set a habit in advance
Reminders (with options to choose time of day and method - email, text, push notification)
