Elements

Ecommerce

Projeto desenvolvido em Next.js, com o objetivo de criar 1 e-commerce, com sistema de login, cadastro, carrinho de compras, e sistema de pagamento. Utilizando Framework de desenvolvimento Next.js e gateway Stripe para pagamentos como stacks principais.

Tecnologias Utilizadas

  • Next.js

    - Framework de desenvolvimento
  • Tailwind

    - Framework de estilização
  • Stripe

    - Gateway de pagamento
  • React

    - Biblioteca de desenvolvimento
  • TypeScript

    - Linguagem de programação tipada
  • Material UI

    - Framework de componentes reutilizáveis

O que eu aprendi

Neste projeto, eu tive a oportunidade de expandir significativamente minhas habilidades no desenvolvimento de aplicações web robustas e escaláveis. Uma das principais lições foi entender a fundo o funcionamento do Next.js, especialmente no que diz respeito ao roteamento dinâmico e ao carregamento de páginas estáticas e dinâmicas. Além disso, aprimorei minha compreensão sobre a integração de sistemas de pagamento ao usar o Stripe. A criação de um sistema completo de carrinho de compras, desde a adição de itens até a conclusão da compra, me permitiu explorar profundamente conceitos como estado global, manuseio de formulários complexos e manipulação de dados sensíveis, garantindo que a experiência do usuário fosse fluida e segura. Ao integrar o Stripe, entendi melhor as nuances dos fluxos de pagamento, autenticação de transações e segurança de dados de pagamento, o que foi uma adição valiosa às minhas competências. O uso do Tailwind me proporcionou uma abordagem mais ágil e escalável para estilização, enquanto o Material UI facilitou a implementação de componentes reutilizáveis e consistentes. Por fim, trabalhar com TypeScript me ajudou a garantir maior segurança no código, evitando bugs comuns e tornando o desenvolvimento mais eficiente ao longo do tempo.

O que eu faria diferente

Eu utilizaria o NextAuth para autenticação de usuários, o que simplificaria e tornaria o sistema de login mais seguro e flexível. Além disso, implementaria um sistema de busca de produtos para melhorar a experiência do usuário, permitindo que ele encontrasse facilmente os itens que deseja.

O que vem por aí

Pretendo adicionar um sistema de busca de produtos para facilitar a navegação no site e um sistema de avaliação de produtos, onde os clientes poderão deixar suas opiniões e avaliar os produtos adquiridos, enriquecendo a interação dos usuários com a plataforma.

Algumas imagens do projeto

Elements
Elements
Elements
Elements
Elements
Elements
Elements
Elements
Elements

Caso queira acessar a aplicação, acesse o link

Caso alguma Duvida!

Caso tenha alguma dúvida ou queira saber mais sobre o projeto, entre em contato comigo pelo meu e-mail: lucasoliveiradiello@gmail.com

VoltarAcessar site