Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/thallyta-castro-cv/dio-angular-marketplace

Este projeto consiste em uma aplicação simples em Angular de um marketplace de filmes que consome uma base de dados do arquivo db.json para carregar uma lista de filmes para compra. O filme ou uma lista de filmes é adicionado ao carrinho onde é calculado o valor total e os filmes selecionados. É possível também remover um item da lista do carrinho, ou remover tudo. No final é pedido os dados do usuário para finalizar o pagamento e concluidos os mesmo, tem um botão que envia o pagamento e retorna uma mensagem para o usuário da confirmação da compra.
https://github.com/thallyta-castro-cv/dio-angular-marketplace

angular angular-cli angular-material typescript

Last synced: 4 days ago
JSON representation

Este projeto consiste em uma aplicação simples em Angular de um marketplace de filmes que consome uma base de dados do arquivo db.json para carregar uma lista de filmes para compra. O filme ou uma lista de filmes é adicionado ao carrinho onde é calculado o valor total e os filmes selecionados. É possível também remover um item da lista do carrinho, ou remover tudo. No final é pedido os dados do usuário para finalizar o pagamento e concluidos os mesmo, tem um botão que envia o pagamento e retorna uma mensagem para o usuário da confirmação da compra.

Awesome Lists containing this project

README

        

# Marketplace Cinemark Angular
![NPM](https://img.shields.io/npm/l/react)

Este projeto foi criado com Angular 14.0.0 para representar a criação de um CRUD de uma loja virtual de vendas de filmes.

# Sobre o projeto
Este projeto consiste em uma aplicação simples em Angular de um marketplace de filmes que consome uma base de dados do arquivo db.json para carregar uma lista de filmes para compra.
O filme ou uma lista de filmes é adicionado ao carrinho onde é calculado o valor total e os filmes selecionados. É possível também remover um item da lista do carrinho, ou remover tudo.
No final é pedido os dados do usuário para finalizar o pagamento e concluidos os mesmo, tem um botão que envia o pagamento e retorna uma mensagem para o usuário da confirmação da compra.

# Layout do projeto

![Home](1.png)
![Lista de Filmes](2.png)
![Carrinho](3.png)

# Tecnologias utilizadas
## Frontend

* HTML
* CSS
* Javascript
* Typescript 4.5.2
* Angular CLI 13.2.3
* Angular Material 13.2.2
* Node
* NPM

## Backend

* json-server

# Autor
Thallyta Macedo Carvalho de Castro

Linkedin: https://www.linkedin.com/in/thallyta-castro/

Medium: https://medium.com/@thallyta-castro-cv

email: [email protected]