+
Skip to content

kammon10/Sustain

 
 

Repository files navigation

Sustain Wellness App

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.

Sustain Wellness App, dashboard view

How to Run

  1. Fork the repository
  2. Clone down your new, forked repo
  3. cd into the repository
  4. Run npm install in the CLI
  5. Run npm start in the CLI
  6. Open the site by copying and pasting the server location in your URL bar

About

Tech

  • JavaScript
  • CSS
  • HTML
  • Mocha & Chai
  • VS Code & Atom

Future additions

  • Add activity data
  • Allow users to interact with the dashboard to view data for a specific day or period of time

Design Inspiration

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

Contributors

This application was built by:

About

FitLit project starter kit for students

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 92.2%
  • CSS 7.8%
点击 这是indexloc提供的php浏览器服务,不要输入任何密码和下载