• edited

Badge component in a design system in a turborepo and rendered in storybook app

Challenge brief

Badge ComponentBuild a badge component that can be used for displaying numbers and short text

Back to all submissions

• edited

Badge component in a design system in a turborepo and rendered in storybook app

Challenge brief

Badge ComponentBuild a badge component that can be used for displaying numbers and short text

Elloani Ross A. Pitogo@elloanipitogo

Frontend Software Engineer

6 YOE

1k Reputation

Preview solution

View code

This Badge component is built with React, TypeScript, and Tailwind. This component is part of a design system in turborepo and rendered in a storybook app.

Submission vs Design

https://wani-projects-design-system-storybook.vercel.app/?path=/docs/design-system-components-badge--docs

Implementation details

Tech stack

HTML

Semantics

CSS

Layout

React

Components

Package Managers

Workspaces

Build Tools

Typechecking

Linting & Formatting

Testing

Unit Tests

TypeScript

Tailwind

React

Turborepo

Vite

Prettier

npm

Jest

ESLint

clsx

Code

Discussions