š O eBay Clone Ć© um sistema de compras ultilizado por usuĆ”rios de diversas partes do mundo e permite que indivĆduos e empresas comprem e vendam uma ampla variedade de produtos e serviƧos online.
O projeto foi realizado utilizando o framework Nextjs conectando-se ao Supabases que ajudou na autenticaĆ§Ć£o, registro, login e persistĆŖncia de dados.
š² Como o projeto funciona
Serve como uma plataforma de compras que disponibiliza diversos produtos aos usuƔrios, possuindo algumas funcionalidades, como, por exemplo, de adicionar ao carrinho de compras, fazer login, registrar endereƧo da para a compra, ver as compras efetuadas, etc.
Caso o usuƔrio queira realizar uma compra. Ele precisa:
- Fazer o login e esta autenticado.
- Adicionar o item ao carrinho de compras
- Ir para o checkout
- Colocar os dados do cartĆ£o e confirmar o pagamento
O visitante nĆ£o terĆ” acesso a rotas privadas. Se vocĆŖ nĆ£o se registrou ou fez login no site. Portanto, sempre que ele tentar acessar a URL sem estar cadastrado/logado, ele serĆ” redirecionado para a pĆ”gina inicial.
O site possui um total de 8 pĆ”ginas, que sĆ£o:
- Auth: A pƔgina para fazer login e acessar o site.
- Page: A pƔgina que disponibiliza todos os produtos.
- Product: A pƔgina amostra os dados do produto e adicionar e remover do carrinho.
- Cart: A pƔgina demostra todos os items no carrinho e compras.
- Address: A pƔgina registrar o endereƧo do usuƔrio.
- Checkout (Private): A pĆ”gina oferece todos os dados das compras, todos os items selecionado o valor indivĆdual de cada item e o total de todos e o input para o cartĆ£o de pagamento.
- Success (Private): A pƔgina exibe o sucesso da compra.
- Orders (Private): A pƔgina disponibiliza todos os dados das compras efetuadas.
- NextJs
- Prisma
- Supabase
- Stripe
- Tailwindcss
- Autoprefixer
- Debounce
- Moment
- React Icons
- React Resonsive Carousel
- Rect toastify
Antes de comeƧar, vocĆŖ precisa ter o Git e o Node instalados.
# Clone this project
$ git clone https://github.com/Thiagooffice/eBay.git
# access
$ cd eBay
# install dependencies
$ yarn or npm
# Run the project
$ yarn start or npm start
# The server will initialize in the <http://localhost:3000>
Thiago Leal de Souza |
Este projeto estƔ sob licenƧa. Consulte o arquivo LICENSE para obter mais detalhes.
Ā