Ignite Lab - Design System

Project | Technologies | Layout | How to Use

💻 Project

The purpose of this project was to build a design system from scratch, from designing it on Figma until building UI components documentation with Storybook.

🚀 Technologies

This project was developed with the following technologies:

React
Typescript
Vite
TailwindCSS
Storybook
RadixUI
MSW

🔖 Layout

You can view the layout of the project here. You need to have a Figma account to access it.

🚀 Online app

Storybook
FrontEnd

ℹ️ How To Use

To clone and run this application, you'll need Git and Yarn. From your command line:

# Clone the repository
$ git clone https://github.com/kaikySantos/ignite-lab-design-system.git

# Go into the directory
$ cd ignite-lab-design-system

# Install dependencies
$ yarn

# Run storybook
$ yarn storybook

# Run app
$ yarn dev