Logo Muggs Shop

Muggs Shop

Muggs Shop é um pequeno projeto de uma loja fictícia para a venda de canecas personalizadas.

Funcionalidade

  • Listagem de produtos Cadastrados
  • Visualização de um produto específico
  • Adição de produtos ao carrinho
  • Compra de um único produto com quantidade
  • Compra de todos produtos adicionados ao carrinho

Inspiração

Particularmente nunca tinha feito um projeto com e-commerce, portanto, sentia que isso me fazia falta. Assim, sentindo essa lacuna no meu conhecimento, decidi procurar um forma fácil e rápida de criar uma pequena loja online e adicionar funcionalidades simples.
Ao realizar uma pesquisa na internet, me deparei com o tutorial da Tailwind Labs ensinando a criar uma loja online usando TailwindCSS, NextJS e a plataforma Shopify, logo, essa foi minha maior inspiração.

Objetivo

O objetivo principal deste projeto foi o de aprender e/ou reforçar o conhecimento em algumas tecnologias, buscando produzir um projeto real. As tecnologias utilizadas foram:

Remix

Um framework baseado na biblioteca ReactJS, que oferece as funcionalidades de Back e Front, além de um sistema bem interessante de rotas.

TailwindCSS

Um framework CSS focado em utilidade primeiro. Esse framework oferece várias classes CSS, não há componentes pré-feitos, que possibilita criar interfaces facilmente sem sequer escrever uma linha de codigo CSS.

Shopify

Uma plataforma que possibilita a criação de lojas online. Essa plataforma além cuidar de toda a parte de cadastramento de produtos, controle de estoque e controle de pagamento, oferece API's (REST e GraphQL) para que pessoa possam integrar a plataforma à um sistema/site.

GraphQL

Um framework Query Language, que em poucas palavras, possibilita realizar requisições em API's de uma forma mais simples, utilizando uma linguagem especifica para se comunicar. A grosso modo, busca substituir a API Rest.

Sugestões
Veja mais projetos que participei do desenvolvimento
Ver mais