URL Shortening Page (Pair Programming Project, SCSS, JS)

This is a pair programming project with Aman (asbhogal).

Changes to the design have intentionally been made to adhere to accessibility standards, as the mockups were failing background/foreground contrast ratio checks. A different theme styling was subsequently integrated page-wide whilst maintaining the consistency of the wireframe structure.

Lighthouse Scores: 100 | 100 | 100 | 100

Below is a brief list of the contributions made by both parties as well as planned iterations for future build versions:

Aman:

• The initialisation of the Vite environment and configurations (incl. CSS source mapping)
• Refactoring of JS and SCSS
• Changes to styling and flow incl. navbar structure and layout
• Changes to design system/theme to meet accessibility standards
• Addition of README.md

Kay:

• Integration of markup incl. elements and structure
• Integration of responsive styling of elements
• Integration of JavaScript logic, incl.:
• URL shortener API calls
• clipboardAPI
• localStorage
• Responsive navbar toggling
• Reviewing of build through iterative processes and providing suggestions.

Planned Future Iterations:

• Changes to responsive background images - replace CSS background-image with <picture> elements
• Add explicit height and width to respective images
• Further clean-up of duplicate code
• Removal of comments for cleaner readability