Introdução

Durante o tempo em que fiz parte da equipe da Lighthouse, tive o prazer em trabalhar muito próximo ao cliente Grupo Grazziotin. Essa foi uma experiência muito enriquecedora e desafiadora para mim e, neste artigo, compartilharei insights sobre o desenvolvimento deste sistema abrangente que envolve o website, o app e o painel administrativo/CRM da Grazziotin.

O Projeto

O Grupo Grazziotin é uma rede de lojas de roupas e acessórios. Nosso objetivo era criar uma plataforma digital que oferecesse aos clientes uma ótima experiência para explorar de novas ofertas, realizar a abertura de crediário e pagar suas faturas. Aqui estão os principais componentes do projeto:

1. Portal do Cliente:

• O Portal do Cliente é um website feito com React que permite aos clientes acessarem suas faturas e pagá-las online
• Utilizamos o Ant Pro como boilerplate para agilizar o desenvolvimento. O Ant Pro é baseado em React e Ant Design, proporcionando uma base sólida para a interface do usuário

2. Aplicativo React Native:

• Desenvolvemos um aplicativo móvel em React Native que oferece funcionalidades semelhantes ao website
• Aqui utilizamos o Redux para gerenciar o estado da aplicação e o Styled Components para estilizar os componentes

3. Painel Administrativo:

• Criamos um painel administrativo para os lojistas gerenciarem as operações
• Os lojistas podem consultar faturas pendentes dos clientes e liberar funcionalidades específicas para usuários do aplicativo.

Tecnologias Utilizadas

Frontend

• Ant Pro: O uso do Ant Pro como boilerplate acelerou o desenvolvimento do frontend. Ele oferece componentes reutilizáveis, layouts responsivos e uma experiência consistente para os usuários.
• React: A escolha do React permitiu uma construção modular e eficiente da interface do usuário, além de permitir um grande reaproveitamento de código entre as 3 frentes do projeto

Backend

• Egg.js: Optamos pelo Egg.js como framework backend. Ele é baseado no Express.js e oferece uma estrutura robusta para desenvolver APIs RESTful.
• Oracle DB: O banco de dados Oracle foi escolhido para armazenar dados críticos, como informações de faturas e transações. A escolha do banco vem de uma necessidade do cliente, que já possuía uma infraestrutura Oracle.

Desafios e Soluções

1. Integração entre Frontend e Backend:

• Garantir uma comunicação eficiente entre o frontend e o backend foi fundamental.
• Implementamos APIs RESTful no Egg.js para fornecer dados ao frontend e ao aplicativo móvel.

2. Segurança e Autenticação:

• Implementamos autenticação de usuários usando tokens JWT (JSON Web Tokens).
• Protegemos rotas sensíveis no frontend e no backend para garantir a segurança dos dados.

3. Desenvolvimento do Aplicativo React Native:

• Aprender e aplicar os conceitos do React Native foi um desafio.
• Criamos telas de pagamento e crediário no aplicativo, garantindo uma experiência fluida para os clientes.

Conclusão

Fazer parte do desenvolvimento do projeto Grazziotin foi uma oportunidade incrível. Aprendemos muito, enfrentamos desafios e entregamos um sistema completo que beneficia tanto os clientes quanto os lojistas. A combinação de tecnologias modernas, como React, Ant Design e Egg.js, resultou em um projeto bem-sucedido e impactante.