A data visualization of phone apps usage & habits

User Habits Dashboard for SNS Marketers

A simple dashboard for phone apps usage vizualization to help SNS marketers and professionals find out patterns in users’ phone usage habits

Project link

https://data-vis-phone-habits.netlify.app

Features

• Users can choose the user type, app type, select particular app, group by hourly/weeky timeframes, and select a particular timefram on the histogram.
• Users can see phone usage statistics for different user types, app types, apps, and timeframe

Built using

• Create React App
• Javascript
• ChakraUI
• react-plotly
• pandas-js

Structure overview

A quick look at the top-level files and directories of this project.

.
├── node_modules
├── src
|   ├── components
|       ├── shared
|       ├── ...
|   ├── constants
|   ├── hooks
|       ├── useData.js
|   ├── theme
|   ├── styles
|   ├── App.tsx
├── .gitignore
├── .prettierrc
├── .prettierignore
├── package-lock.json
├── package.json
└── README.md

How to run

This project was bootstrapped with Create React App.

Available Scripts

In the project directory, you can run:

yarn

Installs the necessary dependencies defined in package.json file

yarn start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.