Vet. Sidebar

Tecnologias • Layout • Pré-requisitos • Guia de estilo • Tecnologias • Autora

🎉 Sidebar - Concluído 🎉

Sobre

Aplicação sidebar, que muda seu estado ao clicar no ícone do menu, desenvolvido com React. Este projeto foi proposta como desafio da modalidade Discover da Rocketseat.

Carcterísticas

Sidebar com estado "aberto" e "fechado"
Estado aberto mostra os ícones e texto
Estado fechado visualização apenas os ícones

Tecnologias

As seguintes ferramentas foram usadas na construção do projeto:

Layout

O layout da aplicação original está disponível no Figma:

Pre-requisitos

Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Git, Node.js. Além disto é bom ter um editor para trabalhar com o código como VSCode

🎲 Rodando servidor

# Clone este repositório
$ git clone <https://github.com/TayAmorim/sidebar-react.git>

# Instale as dependências
$ npm install

# Execute a aplicação em modo de desenvolvimento
$ npm run dev

🎨 Guia de estilo

Cores:

:root {
  --body-bg-color: #dce4e3;
  --green: #18c29c;
  --light-green: #8ed7c6;
  --light-grey: #dce4e3;
  --text-color: #084236;
}

Tipo de Fonte:

Font-family: Poppins
Font-weight: 400 e 500

🦸 Autora

_{Tayanna Amorim}