unc-csxl / csxl.unc.edu

CS Experience Labs' web application.
https://csxl.unc.edu
MIT License
10 stars 11 forks source link

Upgrade CSXL Web Application to use Material 3 Design Standards #493

Closed ajaygandecha closed 4 months ago

ajaygandecha commented 4 months ago

This major pull request performs the initial upgrade to adopt the Material 3 Design Framework to the CSXL web application. Material 3 is the latest, cutting-edge design framework adopted by Google for all of the latest versions of Google products and apps, as well as the Android operating system. Previously, the site conformed to Google's Material 2 design framework, which was previously the design language used on Android prior to 2021. With the upgrade of the CSXL site to Angular v18, Angular Material upgraded to support Material 3 as well.

New Designs

Here is a catalog of some of the newly-designed pages. All pages are responsive and also work on dark mode.

About Page (and Navigation)

Screenshot 2024-06-04 at 12 41 05 AM

Coworking Page

image

Organizations Page

image

Events Page

image

Academics Page

image

Dark Mode Support

image

Future Plans

There is still a lot of work to do, and many pages will get layout changes! Here are a few: