Project 2: User Interfaces - AlternaCanvas

Team Members: Keerthi Sekar, Anna Chambers, Cara Roth, and Tom Myers

Tools & Languages used: React, HTML, JS, CSS

Project Design Documentation

• View the live website here: Project 2 - Live
  • Live page is deployed from gh-pages branch.
• All subpages & links to different sections of our documentation lives under /docs. Click the links or go to this directory to get the full documentation.

Documentation Content

1. Sketching: sketching.md
2. Requirements & Interviewing Finding: requirements-interview.md
3. Contextual Inquiry Findings: contextual-inquiry.md
4. Survey: Survey was completed with other groups in class. Alterna-Canvas Survey
   • Survey Results: survey-results.md
5. Interfaces:
   • Home: home-interface.md
   • Course: course-interface.md
   • Calendar: Calendar-Implementation.md
   • Notifications: Notifications.md
   • Rewards: rewards-interface.md
   • Notes & Reminders: notes-interface.md
6. Demo Video: AlternaCanva.mp4

React Set-up for Repo

Installing modules for react compilation

If you decide to clone and run locally, run the following to install the proper libraries:

npm config set legacy-peer-deps true
npm install @mui/system @emotion/react @emotion/styled @material-ui/core
npm install --save react-helmet
npm install bootstrap --save
npm install html-loader
npm install css-minimizer-webpack-plugin --save-dev
npm install babel-preset-es2015
npm install @fullcalendar/react
npm install @fullcalendar/daygrid @fullcalendar/timegrid @fullcalendar/interaction
npm install --save react-notifications