Earn a Certificate!
Build this project, push your code to GitHub, and submit it to get a verified LaunchWise Completion Certificate for your resume.
Project Overview
The "Complete Accessible Design System" project is an excellent advanced-level undertaking designed to solidify your understanding of Design. By leveraging technologies like Figma, React, Storybook, you will build a production-ready application that simulates a highly relevant industry use-case. This project heavily emphasizes practical execution over theoretical knowledge, allowing you to master WCAG and Design Tokens and Component Library. Completing this demonstrates to recruiters that you can take a concept from ideation to deployment, effectively solving the real-world problem of a central ui library used across 10 different company products..
Real World Use Case
A central UI library used across 10 different company products.
Steps to Build
Initialize the project environment and install core dependencies (Figma).
Design and implement the core architecture, establishing the main file structure.
Develop the primary business logic and integrate React.
Refine the user experience, ensuring edge cases and errors are handled smoothly.
Perform final testing and deploy the application for live demonstration.
Resume Impact
Proves you can build scalable, compliant UI architecture.
Skills Learned
- WCAG
- Design Tokens
- Component Library
Ready to build?
Complete the project and earn your free certificate.