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

This is a pair programming project with Kay. (ofthewildfire)

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 consistency of 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:

Kay:

• Integration of markup incl. elements and structure
• Integration of responsive styling of elements
• Improvements to accessibility (styling)
• Integration of JavaScript logic, incl.:
• URL shortener API calls
• Migration to Short.io API
• clipboardAPI
• localStorage
• Responsive navbar toggling
• Reviewing of build through iterative processes and providing suggestions

Aman:

• Initialisation of 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, markup and styles to meet accessibility standards
• Addition of README.md
• Deployment to Vercel

Planned 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