Axe²

Soluções + Inovações

Cadastre o seu acesso

Sobre mim e o projeto

Sou um profissional de TI com uma ampla experiência que abrange suporte e implantação de sistemas, consultoria, e gestão de infraestrutura de TI. Nos últimos três anos, tenho me dedicado ao aprimoramento das minhas habilidades em desenvolvimento de aplicativos web. Neste projeto final, estou criando uma aplicação comercial que combina a flexibilidade de uma solução web com a funcionalidade de um software desktop. O foco é atender pequenas e médias empresas, oferecendo uma ferramenta rápida e adaptável para controle de vendas, estoque e finanças, disponível para todos os dispositivos.

Resumo

Tecnologias utilizadas no projeto

Back-End

NodeJS

Ambiente de execução JavaScript

Node.js é a tecnologia por trás da aplicação, oferecendo alta performance e escalabilidade para garantir uma experiência rápida e responsiva, mesmo em sistemas com grande volume de dados e usuários simultâneos.

Express

Framework NodeJs

Express.js, utilizado na nossa aplicação, proporciona uma estrutura robusta e ágil, facilitando o desenvolvimento de APIs rápidas e escaláveis para uma performance excepcional e uma experiência de usuário fluida.

Postgresql

Banco de Dados Relacional

Utilizamos PostgreSQL para garantir uma base de dados poderosa e confiável, oferecendo alta integridade dos dados e desempenho excepcional, ideal para gerenciar informações complexas e de grande volume.


Sequelize

ORM

Sequelize é a ferramenta de ORM que empregamos para simplificar e agilizar o gerenciamento de dados, permitindo uma integração eficiente com PostgreSQL e facilitando consultas complexas de forma intuitiva e segura.

Swagger

Documentação API

Swagger é a solução que utilizamos para documentar e testar nossas APIs de forma interativa e detalhada, garantindo uma integração mais eficiente e uma comunicação clara com desenvolvedores e usuários.

CORS + JsonWeb Token

Segurança

Implementamos CORS para garantir uma comunicação segura entre diferentes origens e utilizamos JSON Web Tokens (JWT) para autenticação robusta e proteção dos dados dos usuários, assegurando uma experiência segura e confiável.

Front-End

React + Vite

Frameworks WEB

Utilizamos React com Vite para oferecer uma interface de usuário altamente interativa e responsiva, com tempos de carregamento ultrarrápidos e uma experiência de desenvolvimento ágil e eficiente.

Java Script

Linguagem de Programação

JavaScript é a linguagem que impulsiona nossa aplicação, proporcionando uma experiência de usuário dinâmica e interativa com uma interface fluida e responsiva para todas as funcionalidades.


Axios

Bibliotecas client HTTP

Axios é a biblioteca que empregamos para realizar requisições HTTP de forma eficiente e confiável, facilitando a comunicação entre o front-end e o back-end com desempenho otimizado e tratamento de erros simplificado.

Eslint + Prettier

Análise Estática e Formatação de Código

Utilizamos ESLint para manter um código consistente e livre de erros, e Prettier para assegurar a formatação uniforme, resultando em uma base de código limpa e eficiente, facilitando a manutenção e colaboração.


Sweetalert2

Alertas

SweetAlert2 é a biblioteca que usamos para criar alertas e diálogos personalizados, oferecendo uma interface atraente e intuitiva que melhora a interação do usuário com nossa aplicação.

Jwt Decote

Segurança

JwtDecode é a ferramenta que utilizamos para decodificar tokens JWT, permitindo a validação e extração segura de informações de autenticação, garantindo uma gestão eficiente e confiável dos usuários.

Vantagens

  • Alta Performance
  • Escalabilidade
  • Interface Intuitiva
  • Segurança Robusta
  • Desenvolvimento Ágil
  • Documentação Clara
  • Comunicação Eficiente
  • Experiência do Usuário Aprimorada

Requisitos

Detalhamento Do Projeto

Design

Prototipação UI/UX

O design e a prototipagem foram realizados para criar uma interface intuitiva e visualmente atraente, testando e refinando a experiência do usuário antes da implementação final.

Diagrama

Diagrama de entidades relacionais(SGBD)

Foi criado um Diagrama de Entidades e Relacionamentos (DER) para mapear de forma clara e estruturada as relações entre os dados, facilitando a modelagem e a gestão do banco de dados da aplicação. A estrutura foi cuidadosamente projetada para garantir uma organização eficiente, com tabelas e relacionamentos otimizados para suportar as operações e consultas da aplicação.

História

História dos Usuários

Histórias de usuário ajudam a definir as funcionalidades e necessidades do sistema a partir da perspectiva dos usuários finais. Elas servem para guiar o desenvolvimento, garantir que o sistema atenda às expectativas e resolver problemas reais enfrentados pelos usuários.

Atividades

Kambam das tarefas

Foi implementado um Kanban para gerenciar e visualizar o progresso das tarefas, facilitando a organização, a colaboração e o acompanhamento do desenvolvimento da aplicação de forma ágil e eficiente.

Levantamentos

Requisitos funcionais e não funcionais

Foram definidos requisitos funcionais e não funcionais para assegurar que a aplicação atenda às necessidades específicas dos usuários e aos padrões de desempenho, segurança e escalabilidade exigidos.

Desenvolvimento

Mapa mental

Foi criado um mapa mental para visualizar e organizar de forma clara os conceitos e funcionalidades da aplicação, facilitando o planejamento e a compreensão do projeto.

Author image Tela de Login
Author image Página Principal
Author image Cadastro Listagem
Author image Novo Cadastro
Author image Cadastro Pedido de Venda