avatar
Desenvolvedor Web MongoDB, ExpressJS, ReactJS, NodeJS.



Portfólio - Um CMS altamente customizável



Sobre:

Este projeto é uma aplicação web CMS + CRUD para exibição de produtos e serviços de um negócio (neste exemplo do ramo de alimentos).
O front é 100% responsivo. Possui estados administrados com arquitetura flux redux.

Nesta aplicação temos a visão do portal que é para o visitante conhecer os produtos e serviços da empresa e também temos a visão do administrador.

O portal tem cinco regiões na sua página inicial.

  • Banner em carrossel para exibição dos destaques.
  • Região para listagem resumida de serviços, aceitando links.
  • Uma área para exibição de fotos diversas.
  • Uma região para quem somos (breve descrição do negócio).
  • A última região é onde o proprietário poderá inserir itens de serviços.

Todas as áreas destacadas acima possuem uma contraparte com detalhamentro maior acessada pelo menu de navegação da parte superior.

A aplicação possui uma área do proprietário contendo a parte administrativa na qual é possivel fazer a customização de todos os itens listados bem como a imagem de fundo da página.

As informações do rodapé são customizáveis

O link para a área de produtos possui uma tabela onde o visitante pode ver detalhes de cada produto/serviço.

O portal também possui um formulário de contato onde o visitante pode mandar email sem precisar sair da página.

A região do portal possui um grupo de botões de compartilhamento para redes sociais.


Dependências:


"bootstrap": "^4.5.2",
"emailjs-com": "^2.6.3",
"node-sass": "^4.14.1",
"react": "^16.13.1",
"react-bootstrap": "^1.3.0",
"react-dom": "^16.13.1",
"react-helmet": "^6.1.0",
"react-icons": "^3.11.0",
"react-intl-currency-input": "^0.2.5",
"react-loader-spinner": "^3.1.14",
"react-redux": "^7.2.2",
"react-router-dom": "^5.2.0",
"react-scripts": "^3.4.4",
"react-share": "^4.3.1",
"redux": "^4.0.5",
"redux-multi": "^0.1.12",
"redux-thunk": "^2.3.0",
"styled-components": "^5.2.0",
"sweetalert2": "^10.6.1"


Este site usa cookies.Para ler a política de dados deste site clique aqui