Nathan Affleck

Social Media Linking App

Skills used

  • Typescript
  • Semantic HTML
  • SCSS/CSS
  • SvelteKit
  • RESTful APIs
  • UI/UX
  • Web Design
  • Accessibility

Summary

A social media linking application which allowed users to connect multiple accounts, display interactions and share links. I contributed to the frontend, UI/UX and application layer of this project, collaborating closely with my backend colleagues to build the application from the ground up.

What Went Well

  • Designed and implemented a user interface that was brand-aligned, modern and intuitive.
  • Enhanced UI/UX features, such as gesture-driven popups, creating a more engaging experience.
  • Worked closely within a small team to propose and refine data structures, improving developer experience and scalability.
  • Integrated internal API methods with data validation and transformation to ensure accurate and reliable data handling.
  • Strongly typed data structures with Typescript allowing for maintainable and predicatable results.

What I Learned

  • Developed effective strategies for quickly learning new technical skills, successfully applying SCSS in a fast-paced environment for the first time.
  • Learned the value of design systems and modular frontend code structures, enabling faster development and consistent user interfaces.
  • Practiced UX techniques such as visual hierarchy and user journey mapping, improving navigation and overall aesthetic of the application.
  • Applied SvelteKit techniques with hooks for persistent business logic per request.

What I’d Improve

  • Dedicating more time to the design phase to avoid pivots during code implementation.
  • Communication to clarify overlapping code choices before making changes, ensuring alignment and minimizing conflicts.