Digitize

This project began as the SCU COEN 315 - Web Architecture and Protocols final project. Not surprisingly, it was abandoned the day after it was submitted for a grade. It has since turned into an exercise in converting a serverful web app into its serverless equivalent using AWS managed services.

This repository holds the frontend of the site.

External links:

• Website
• Backend repository

Technologies used:

• React.js
• Node.js
• Bootstrap
• AWS CloudFront
• AWS S3
• AWS CodePipeline
• AWS CloudFormation
• WebSockets

Architecture

Below is a high-level architecture diagram for Digitize. This repository includes the CloudFront CDN, S3 site storage bucket, the site code, and the Route 53 DNS entries to access the site. Infrastructure and code are continuously integrated and deployed with CodeStar.

Todo list:

• Create CI/CD Pipeline
• Migrate from EC2 LAMP instance to S3, CloudFront
• Migrate from JQuery to React.js, Node.js
• Connect to API
  • Students
  • Active checkins
  • Inactive checkins
  • Dismiss class
  • WebSockets
• Add architecture diagram to the README
• Use more React-like components, object hierarchy
• Use hooks
• Test

Future work:

• More than one classroom/school
• More detailed attendance analysis
• Automated attendance grading
• Connect to SCU Students database
• Staff login