Skip to content

kriishnaPat/PD11Redevelopment

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 

Repository files navigation

PD11 Redevelopment

As a part of my first co-op work term, I aided in the redevelopment of Professional Development Course 11 at the University of Waterloo. I was asked to design high-fidelity wireframes for 10 components that reflected a paper-like theme. I was also tasked to develop 5 of these components and was able to conduct mobile and browser testing for them. These components follow WCAG 2.1 requirements and ensure interactivity for students. These were designed using Figma, and built using HTML, CSS, Javascript, and Bootstrap.

Component Wireframes

Typography
Screenshot 2023-05-09 at 6 17 54 PM

Buttons
Screenshot 2023-05-09 at 6 18 17 PM

Carousels
Screenshot 2023-05-09 at 6 18 33 PM

Cards
Screenshot 2023-05-09 at 6 18 58 PM

Callouts
Screenshot 2023-05-09 at 6 20 14 PM

List Groups
Screenshot 2023-05-09 at 6 20 37 PM

Accordions
Screenshot 2023-05-09 at 6 21 02 PM

Embedded Videos
Screenshot 2023-05-09 at 6 21 22 PM

Flip Cards
Screenshot 2023-05-09 at 6 21 38 PM

Grids/Columns
Screenshot 2023-05-09 at 6 21 55 PM

Realistic Images
Screenshot 2023-05-09 at 6 22 23 PM

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors