Design System Learnings

Project guided by Rocketseat in its event Ignite Lab, at your third edition teaching design system and useful tools as Figma and Storybook.

Features

• Components preview
• Login page example preview

Tech Stack

• Axios
• Storybook
• Vite
• TailwindCSS
• React
• Radix
• Typescript

Demo

• https://scriptcamilo.github.io/ignite-lab-design-system/
• https://www.figma.com/Ignite-Lab-Design-System

Run Locally

Clone the project

  git clone git@github.com:ScriptCamilo/ignite-lab-design-system.git

Go to the project directory

  cd ignite-lab-design-system

Install dependencies

  npm install

Start the server with Vite to visualize just the login page example

  npm run dev

Start the server with Storybook to visualize the design system

  npm run storybook

Running Tests

To run tests, run the following command

  npm run test-storybook

Authors

• @ScriptCamilo

Related

Here is the Rocketseat repository of this project

Rocketseat Ignite Lab

License