St. Olaf Program of Study

St. Olaf Program of Study is a website that allows St. Olaf Students to plan for their four year major. It also allows for faculty to review and approve a student's plan. In the future this frontend would integrate with the POS Form Backend.

Technologies List

• Vite
• TypeScript
• React
• React Router
• Gravity UI
• Tailwind
• Sass
• ESlint & Prettier
• React Signature Canvas
• React PDF

Figma Design

• Figma Design Prototype

Screenshots

Student Dashboard

Faculty Dashboard

Form

Signature Modal

PDF

Dev

npm run dev

To Do List

• Director View
• Authentication / Login Page
• Routing
• DB Connection
• API requests

Completed

• Student View
  • Form
  • Rejection Reasons
  • PDF Generation
  • Signature
• Faculty View
  • Form
  • Rejection Reasons
  • Signature