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
Requisitos
Detalhamento Do Projeto
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 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 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.
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.
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.
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.
Tela de Login
Página Principal
Cadastro Listagem
Novo Cadastro
Cadastro Pedido de Venda