Projeto Web com o objetivo de criar um design system consistente a partir de um design que veio do figma
Link para o Design System criado durante o projeto:
https://luan-ocs.github.io/ignite-lab-design-system/
Este é o projeto do meu Ignite Lab da Rocketseat, onde criei um design system para React. O objetivo desse projeto é desenvolver um design system consistente e escalável para ser utilizado em aplicações React.
Eu utilizei o Storybook para documentar e visualizar todos os componentes do sistema de design e o TailwindCSS para agilizar o desenvolvimento de estilos. Os ícones utilizados no projeto foram da biblioteca Phosphor Icons, que oferece uma grande variedade de ícones de alta qualidade.
Com este projeto, busquei aprimorar minhas habilidades em React, bem como desenvolver design system que possa ser utilizado meus em projetos futuros.
- Reactjs
- Typescript
- Tailwindcss
- Storybook
- Phospor-icons
Pré-requisitos:
- Node.js
# Vá para a pasta do projeto
$ cd design-system
# Instale as dependências
$ yarn install
# Execute a aplicação
$ yarn dev
# Para executar o Storybook
$ yarn storybook
# O servidor inciará na porta:5173 - acesse <http://localhost:5173>
Luan Otávio Costa Silva
Feito com ❤️ por Luan Otávio 👋🏽 Entre em contato!