Skip to content

First project developed as a team with 5 people in Front End development

Notifications You must be signed in to change notification settings

DeboraSerra/project-online-store

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Projeto FrontEnd Online Store

Nesse projeto, fomos divididos em grupos de cinco e orientados a trabalhar usando as Metodologias Ágeis.

Os desenvlvedores desse projeto foram:

GIF do projeto mostrando a responsividade GIF do projeto mostrando as funcionalidades

Para desenvolver esse projeto, recebemos uma API e seguimos alguns requisitos. O projeto possui design responsivo e as seguintes funcionalidades, conforme mostradas acima:

A pessoa usuária pode selecionar uma categoria de produtos, usar um termo para pesquisa ou combinar os dois e procurar por um termo dentro dde euma categoria.

Depois da busca, uma lista de produtos é mostrada na tela principal com alguns detalhes dos produtos.

A pessoa usuária poode adicionar um produto ao carrinho diretamente da págiina principal ou pode clicar no link e ser redirecionada para a ágina de detalhes do produto.

Na página de detalhes do produto, a pessoa usuária pode ver as fotos fornecidas pelo vendedor, o preço, as especificações, entre outras coisas. Pode ver também as avaliações feitas do prooduto e avaliá-lo também.

A pessoa usuária pode adicionar o produto ao carrinho de compras a partir da tela de detalhes e pode selecionar a quantidade de itens que ele/ela deseja adicionar. Porém essa quantidade não pode ser maior do que a quantidade disponível nem menor do que zero.

Depois que o produto é adicionado ao carrinho, a pessoa usuário pode clicar no ícone para ser redirecionada para a página do carrinho de compras onde ele/ela pode ver os produtos adicionados, a quantidade e o preço final. A pessoa usuária também poode deletar um item ou alterar a quantidade. Se a quantidade for zero, o item é removido do carrinho.

A pessoa usuária pode esvaziar o carrinho ou finalizar a compra. Quando a pessoa usuuária clica no botão de finalizar a compra, ele/ela é redirecionada para a página de checkout, onde pode ser visualizado um resumo da compra. A pessoa usuária pode então preencher o campo de dados, escolher uma forma de pagamento e finalizar a compra.

Quando a compra é finalizada, a pessoa usuária é redirecionada para a página principal e o carrinho é esvaziiado.


Project FrontEnd Online Store

In this project, we were separated in groups of five and oriented to work together using the Agile Methodolodies.

The developers of this project were:

To develop this project we were given an API to use and followed some requirements. The project have the following functionalities:

The user can select a category of products, use a therm to search for a specific product or combine the two and search for a therm in a given category.

After the search, a list of products is shown in the home page with some details of the products.

The user can add a product to the cart directly from the home page or he/she can click on the link and be redirect to a page with the details of the product.

In the product details page, the user can see the photos of the product given by the seller, the price, the attributes, among other things. They can also see the evaluations made to the product and give an evaluation.

They can add a product to the shopping cart from the details page and can choose how many items to add. They can't add more items than the available quantity or less than zero items.

After the products are added to the shopping cart, the user can click on the cart icon and be redirected to the shopping cart page where they can see the amount of items added to the cart and the final price. They can also delete a product or manipulate the number of items. If the amount chosen is zero, the product is removed from the cart.

The user can empty the shopping cart or checkout the purchase. When they click on the checkout button, the user is redirected to a checkout page, where they can see a summary of the cart, fill the informations an choose a payment method. When the user click on the button, they are redirected to the initial home page and the cart is empty.

About

First project developed as a team with 5 people in Front End development

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published