This project shows the activity periods of different user's on the calander.

1. Built using React. For UX I used, Material UI(https://material-ui.com/) and Dev Extreme(https://devexpress.github.io/devextreme-reactive/)
2. Upon clicking the time line icon of each user, You will see a modal displaying all the time periods that a particular user is active.
3. Upon clicking the calander icon on the above modal, You will see the calander containg all the activity periods of that user.
4. All the data is stored in src/tempData file.

This project was bootstrapped with Create React App.

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.

npm run build

Builds the app for production to the build folder.

serve -s build/

Hosts the app from the build file.