School Website

Live link

• live link

Technologies used

• HTML5
• CSS/SCSS (w/ Bootstrap)
• Javascript (w/ React.js)
• Figma/Adobe Illustrator

Design

These are the initial UI/UX design files. Actual site might differ

• Main Website - Web view
• Main Website - Mobile view
• Log-in Page
• Student Portal - Web view
• Student Portal - Mobile view

Main Website

Sections

• Landing Page
  • Announcement
  • Featured News
  • Latest News
  • FAQ
  • Footer
  • Social Media Links
• About
  • History
  • Mission
  • Vision
  • Core Values
• Admissions (inactive/dead link)
• Academics
  • Program Offerings
  • Scholarships
• Faculty and Staff (inactive/dead link)
• Offices and Resources (inactive/dead link)
• Alumni Center (inactive/dead link)
• Log in Page

Student Portal

Page	Section/s	Feature/s	Remark/s
Home	Date, Announcement, List of Classes	Modal Pop-up (shows more information about the classes)
Calendar	Calendar, Notes	Add/View Calendar Events, Add/View Notes
Enrollment	Flowchart (contains enrollment instructions), Enrollment	Add Classes
Profile	Profile, Settings	Form Validation

Alumni Center

Page	Section/s	Feature/s	Remark/s
Home	Navigation, Theme Song	Clickable mp3
Announcements	Notes	Add/View Notes
Officers	Alumni Officers Information
Gallery	Photos of events at school

---

Creators

MG and Jedd

All rights reserved August 2021