Habitory

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)
Gamification (scores, a leaderboard with friends)
Implementing Redux

License

MIT License