Design System with Storybook.

About • Layout • Technologies • Prerequisites • Demo • Autor • License

🚧 Lab Design System | Done 🚧

💻 About

Lab Design System is a fictional design system built to apply the knowledge of Storybook, Tailwindcss and React.

Project developed during the event Ignite Lab of Rocketseat.

🎨 Layout

🛠 Technologies

The following tools were used in the construction of the project:

• React
• TypeScript
• Tailwind
• Radix UI
• Storybook
• Vite

See more package.json

Utilities

• API: Axios
• IDE: Visual Studio Code
• Icons: React Icons
• Fonts: Inter

💿 How to run the project

🧰 Prerequisites

Before you start, you will need to have the following tools installed on your machine:

Git, Node.js or Yarn if you prefer. In addition it is good to have an editor to work with the code as VSCode

🧭 Running the Project

# Clone repo
$ git clone https://github.com/risaltte/design-system.git

# Access the project folder in the terminal/cmd
$ cd design-system

# Install the dependencies (npm or yarn)
$ npm install

# Run the application in development mode
$ npm run dev

# see on http://127.0.0.1:5173/
# If you want to see the components in Storybook: 
$ npm run storybook

🧪 Demo

🦸 Autor

_{Rafael Risalte}

📝 License

Distributed under MIT license. See LICENSE for more information.

Made with ❤️ by Rafael Risalte 👋🏽 Contact!

⬆ Back to top