This project is implemented for Design Project of KAIST CS492: Data Visualization.
Uplife is made to help users
- reflect on their phone usage pattern
- set goals for better usage habits
based on phone usage and emotional status data
This project is deployed at https://uplife-dv.herokuapp.com/. This project is almost completed. We are going to reflect user feedback after presentation.
Clone down this repository. You will need node and npm installed globally on your machine.
Installation:
npm install
To Run Development Suite:
npm start
To Visit App:
localhost:3000/
Main page with several data visualizations supporting users to get insights on smartphone usage patterns.
Goal setting page showing current goals and types of goals that can be set.
Page with quizzes for review each lecture. This quizzes are made by other classmates' questions.
Goal setting page for setting time limit on their phone usage
Goal setting page for setting time limit on certain category of applications
All graphs are at this directory. All graphs are made with React-plotly
Global variables such as app categories and colors schemes.
Additional functions for dealing with time data.