CartShopping-Striper Tailwind Templates

Cartshopping Striper

Projeto com Angular e TypeScript usando Tailwind css para estilizar, fakestoreapi e Stripe

Captura de Tela (164)

🛍️ WorldShopping Stripe

Projeto usando o sistema de pagamento da Stripe com TypeScript e Angular

👜 Introdução

Intarface foi estilizado com uso padrão do angular-material versão 14 e tailwind css para estilzar de forma rapida, facil e limpa. No site o usuario consegue ter acesso na plataforma diversas forma de filtro para que de forma mais intuitiva consiga achar o produto que preocura. Com uso da fakestoreapi é possivel fazer retorno de dados json já disponiveis e deixar a plataforma mais realista possivel com o tema de compras. No carrinho é possivel verifecar os items selecionados, limpar, excluir e adionar e por fim apos clicar no button Proceed to Checkout, o usuario vai de acesso ao sistema de pagamento stripe, onde a plataforma oficial já disponibiliza api key para permitir manipular seus dados com backend, criar retorno da pagina e os dados do usuario serem salvos no banco da dados da plataforma.

💡 Pre-Requisitos

  • Instalação do Angular com Tailwind css
  • Criar uma pasta Server e usar expressjs e cors
  • Usar a api secreta do Stripe no backend

    🛠️ Ferramentas

    Angular TypeScript TailwindCSS Express.js NodeJS HTML5

    ⌚ PORJECT

    Captura de Tela (165) Captura de Tela (166) Captura de Tela (167) Captura de Tela (168)

    Sistema de pagamento ds Stripe (interface)

    Captura de Tela (169)

This project was generated with Angular CLI version 14.2.1.

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The application will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.

Top categories

Loading Svelte Themes