/r-beauty-online

r-Beauty é uma aplicação voltada para auxiliar consultores de revenda de produtos de beleza e bem estar na gestão de seus negócios.

Primary LanguageJavaScript

R-Beauty

React SASS

💡 Introdução

🔗 Link de Acesso

  • Deploy Vercel - Em breve
  • Backend- Em breve

👥 Equipe


Daniel Emidio

🧭 Status do Projeto

  • ⏳Em andamento

⚙️ Configurações

Para instalação do projeto em ambiente local, os comandos abaixo devem ser executados.

Instalação do projeto

No terminal, clone o projeto:

Após a conclusão, execute o comando npm install no terminal. Para executar o projeto, utilize o comando npm start no terminal.

🪄 Design

🎨 Paleta de cores

Cores principais

Primary: #FC4b08 Secondary: #FF7C39 Tertiary: #FFA460

Cores de suporte

Gray: #999999 Medium Gray: #EDEDF0 Light Gray: #F5F5F5 Alert: #FF0C37 Dark Color: #272727;

🖼️ Layout

📄 Arquitetura de pastas

  • assets - Pasta contendo todos os arquivos de imagem e doc que fazem parte da aplicação (obs: não considerando imagem de produtos).
  • components - Pasta contendo todos os componentes. Os componentes são módulos que podem ser reaproveitados em todo projeto.
    • layout - Pasta contendo todos os componentes reaproveitaveis da aplicação e que fazem parte da página, como: Header, Footer, entre outros.
    • utils - Pasta contendo todos os componentes reaproveitaveis da aplicação, que sejam módulos especificos da aplicação, como: Modal, Cards, Alertas, entre outros.
  • context - Pasta que contém todos os arquivos de variáveis e funções globais da aplicação.
  • pages - Pasta de páginas da aplicação. Cada página possui seu arquivo separado.
  • routes - Pasta que contém todos os arquivos de rotas (react-router)
  • scss - Pasta que contém todos os arquivos de estilização em sass

📫 Contato

E-mail: emidio.daniel@hotmail.com

LinkedIn