Skip to content

luan-ocs/ignite-lab-design-system

Repository files navigation

Ignite lab Design System

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/

GitHub

Sobre o projeto

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.

Interface

print designSystem

Tecnologias utilizadas:

  • Reactjs
  • Typescript
  • Tailwindcss
  • Storybook
  • Phospor-icons

Como Executar o projeto:

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>

Autor

Luan Otávio Costa Silva

Feito com ❤️ por Luan Otávio 👋🏽 Entre em contato!

https://www.linkedin.com/in/luan-ot%C3%A1vio-a10b511b4/