https://github.com/jonathas-bonfim/capputeeno
The project develops a complete simulation of an e-commerce flow, incorporating all the essential components to ensure efficient operation.
https://github.com/jonathas-bonfim/capputeeno
portifolio react styledcomponents typescript
Last synced: 8 days ago
JSON representation
The project develops a complete simulation of an e-commerce flow, incorporating all the essential components to ensure efficient operation.
- Host: GitHub
- URL: https://github.com/jonathas-bonfim/capputeeno
- Owner: Jonathas-bonfim
- Created: 2023-04-05T22:30:34.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2023-05-13T22:03:06.000Z (about 2 years ago)
- Last Synced: 2025-03-02T08:14:04.469Z (4 months ago)
- Topics: portifolio, react, styledcomponents, typescript
- Language: TypeScript
- Homepage: https://capputeeno.jonathasbonfim.dev/
- Size: 1.41 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ☕ Capputeeno
O site foi projetado com o objetivo de proporcionar uma experiência intuitiva e agradável aos usuários, com recursos de busca, filtros e carrinho de compras para facilitar a navegação. Na página inicial, os usuários podem localizar os principais produtos por meio da navegação ou utilizando a barra de pesquisa. Ao clicar em um produto, é possível visualizar sua foto, descrição detalhada e adicionar o item ao carrinho de compras.
Na página de checkout, os usuários podem alterar a quantidade dos produtos, remover itens do carrinho e finalizar a compra.
Em resumo, este projeto de e-commerce oferece uma experiência de compra online completa e conveniente para os usuários, com uma interface intuitiva e fácil de usar.
Link do projeto: https://capputeeno.jonathasbonfim.dev/
### Principais funcionalidades:
Pesquisa;
Filtrar por categorias;
Organizar por novidades, preço e mais vendidos;
Paginação;
Carrinho de compras manipulado no local storage podendo finalizar a compra;
Instalar dependências:
`pnpm i`, `npm i` ou `yarn`
### Front-end:
Executar:
`pnpm dev`, `npm dev` ou `yarn dev`
Testar:
`pnpm test`, `npm test` ou `yarn test`
### Backend:
Executar:
`yarn start`
## Conceitos abordados:
>
`Semantic HTML and Accessibility;`
`State;`
`hooks;`
`Context;`
`Context API;`
`Componentização;`
`Responsividade;`
`Padrão de commits;`