Ignite Lab - Design System

A simple Design System project with React components using Tailwind CSS[^tailwindcss], TypeScript^types and Storybook[^storybook] for documentation.

• 🔖 Layout (Figma)

• 💻 Live Project (Vercel)

🚀 Getting Started

• From your terminal, clone the repository into your local machine, chage your current folder to the project folder you just created, and install the dependencies.

git clone https://github.com/dedevillela/ignite-lab-design-system.git && \
cd ignite-lab-design-system && \
npm install

• Start the development server.

npm run dev

• Add a new component or edit the existing ones inside the src/components folder.

📃 Documenting

• Start the Storybook server.

npm run storybook

• To document your component in Storybook, add a file matching the component name and use the extension .stories.tsx.

:memo: License

• MIT License

[^tailwindcss]: Tailwind CSS

[^storybook]: Storybook Docs