Lab-DS: Design System React

Demo: https://marcos-vinicius-dev.github.io/design-system-react/

This is the repository for the Lab-DS Design System React, a collection of reusable components, styles, and guidelines used across multiple projects. This design system is built with React and other important technologies.

Important Technologies

• React
• TypeScript
• Vite
• TailwindCSS
• Storybook
• MSW
• Axios

Installation

Clone the repository and run the following commands to install the dependencies:

bashCopy code

npm install

Usage

You can start the development server by running:

bashCopy code

npm run dev

This will launch a development server at http://localhost:3000.

Building

To build the project, run:

bashCopy code

npm run build

This will generate a production-ready build in the dist directory.

Storybook

The project includes Storybook for developing and testing components. To start the Storybook server, run:

bashCopy code

npm run storybook

This will launch the Storybook server at http://localhost:6006.

Testing

The project includes Jest and React Testing Library for testing components. To run the tests, run:

bashCopy code

npm test-storybook