Meiuca - Landing Page

Demo da aplicação

---

Introdução

Esse repositório tem o objetivo de mostrar uma landing page criada a partir do curso de Design Systems in Code, da Meiuca.

Ao longo do curso, desenvolvemos um design system contendo design tokens, assets (ícones), uma biblioteca de componentes core (contendo os elementos mais primitivos, como botão, input, tipografia...) e uma biblioteca de times (que usa da biblioteca core para criar seus componentes, que serão usados para um produto específico). Dentro da landing page também possuem componentes que não fazem parte do design system e é exclusivo para a página desenvolvida.

Abaixo encontram-se os links para os repositórios do design system:

• Design Tokens
• Assets
• Biblioteca Core
• Biblioteca de Time

Abaixo encontra-se também o link para o projeto do design system e da landing page no Figma:

• Figma

Tecnologias

• React
• TailwindCSS
• SASS

Componentes

Os componentes abaixo foram criados exclusivamente para a página e não fazem parte do design system.

• Arrow
• Divider
• OctagonBanner
• VectorToRotate

---

Como iniciar localmente a página

Primeiramente, baixe o repositório:

  git clone git@github.com:gmcotta/meiuca-ds-landing-page.git <nome_da_pasta>

Entre na pasta gerada:

  cd nome_da_pasta

Instale as dependências (uso o Yarn para gerenciar os pacotes):

  yarn

O projeto foi feito com base no Create React App, tendo os scripts padrão.

Para iniciar:

  yarn start

A página irá iniciar localmente em http://localhost:3000.