Work Experience Component Library

Starter design system for the work experience week. Build your theme tokens and components here.

Setup

You need Node.js 20+ installed.

git clone https://github.com/WealthWizardsEngineering/work-experience-component-library.git
cd work-experience-component-library
npm install
npm run storybook

Storybook opens at http://localhost:6008.

What's included

• Theme tokens — src/theme/theme.css (3 placeholder colours: colour-one, colour-two, colour-three)
• Button — placeholder <p>build button here</p> to replace on Day 2
• Storybook — preview and document your work

Project structure

src/
├── theme/theme.css
├── components/Button/
├── Welcome.stories.tsx
└── index.ts

Week plan

Day	Task
1	Pick 3 colours and add them to theme.css
2	Build the Button component
3	Build a compound component
4	Add tests
5	Update README and present

Commands

Command	Description
npm run storybook	Run Storybook (port 6008)
npm run build	Build the library
npm run lint	Lint source files