Sustain is a Front-End project from the Mod 2 curriculum at Turing School of Software & Design. Given a URL containing datasets for all users, sleep logs, activity logs, and hydration logs, we used the Fetch API to retrieve data and update the DOM with a specific user’s information. Concepts introduced during the course of this project included webpack, network requests and responses, and Test Driven Development.
The Sustain wellness app is a useful dashboard for users to view their latest activity, sleep, and hydration data, track their fitness goals, and celebrate milestones.
- Fork the repository
- Clone down your new, forked repo
cd
into the repository- Run
npm install
in the CLI - Run
npm start
in the CLI - Open the site by copying and pasting the server location in your URL bar
- The server location should look something like this -> http://localhost:8080/
- JavaScript
- CSS
- HTML
- Mocha & Chai
- VS Code & Atom
- Add activity data
- Allow users to interact with the dashboard to view data for a specific day or period of time
For this project we sourced design inspiration from Dribble creators:
- Elegant Themes: Bright, complementary colors on a neutral/white background
- Halo Lab: Cards for different sections that have rounded corners; each data set (activity, sleep, hydration) has its own corresponding color
- Hasnur Alam Ujjol: Light and dark theme; everything is modular and self-contained; not too much white space and not too much extraneous info on the page
This application was built by: