https://github.com/joaoplgaspar/venda-frutas

Venda de Frutas é um website onde você pode fazer a compra de frutas, colocando seu nome e saldo e adicionando frutas no seu carrinho, ao final você terá na tela se com o seu saldo você pode comprar e diversas opções de metódo de pagamento, cada um com diferentes valores de juros.
https://github.com/joaoplgaspar/venda-frutas

alura context-api css html javascript react reactjs reactrouterdom vitrinedev

Last synced: about 2 months ago
JSON representation

Venda de Frutas é um website onde você pode fazer a compra de frutas, colocando seu nome e saldo e adicionando frutas no seu carrinho, ao final você terá na tela se com o seu saldo você pode comprar e diversas opções de metódo de pagamento, cada um com diferentes valores de juros.

• Host: GitHub
• URL: https://github.com/joaoplgaspar/venda-frutas
• Owner: joaoplgaspar
• Created: 2023-07-21T01:55:39.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-11-03T14:22:40.000Z (about 1 year ago)
• Last Synced: 2023-11-03T15:33:10.022Z (about 1 year ago)
• Topics: alura, context-api, css, html, javascript, react, reactjs, reactrouterdom, vitrinedev
• Language: JavaScript
• Homepage: https://venda-frutas.vercel.app
• Size: 214 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
 Venda de Frutas - React Context 


![Static Badge](https://img.shields.io/badge/Status-_Finalizado-green?style=for-the-badge)

Venda de Frutas é um website onde você pode fazer a compra de frutas, colocando seu nome e saldo e adicionando frutas no seu carrinho, ao final você terá na tela se com o seu saldo você pode comprar e diversas opções de metódo de pagamento, cada um com diferentes valores de juros.

| :placard: Vitrine.Dev |     |

| -------------  | --- |

| :sparkles: Nome        | **Venda de Frutas**

| :label: Tecnologias | react, html5, css3, javascript

| :rocket: URL         | https://venda-frutas.vercel.app



![Venda De Frutas Gif](https://github.com/joaoplgaspar/techLearn/assets/130015259/d932ef07-a127-415f-aa41-7a25379ea88f#vitrinedev)



## Resumo do projeto

O website é um exemplo para sites de comercialização, nesse caso, um comércio de venda de frutas. Com diversas opções de colocar nome e saldo, após isso escolher suas frutas, a todo momento podendo adicionar ou remover do seu carrinho, e na ultima tela concluir a compra, podendo modificar os itens no carrinho, escolher metodo de pagamento e conferir seu saldo final após o pagamento. O site foi criado a partir do React como uma SPA (Single Page Application), com fins de estudos principalmente em contextos do react, com o useContext, causando a interação de informações entre diferentes páginas do projeto. Feito a partir de um curso da ALURA.

# :hammer: Funcionalidades do projeto

- `Funcionalidade 1`: Colocar nome e saldo, calculando seu saldo ao final da compra

- `Funcionalidade 2`: Adicionar e remover itens do seu carrinho

- `Funcionalidade 3`: Interação entre valor com diferentes metódos de pagamento

- `Funcionalidade 4`: Manuseamento de todos os dados em qualquer página a partir de contextos

![Venda De Frutas Gif](https://github.com/joaoplgaspar/techLearn/assets/130015259/d932ef07-a127-415f-aa41-7a25379ea88f#vitrinedev)

## ✔️ Técnicas e tecnologias utilizadas

- ``REACT, JAVASCRIPT, HTML5, CSS3``

- ``Single Page Application``

- ``React Context com useContext``

# 🛠️ Abrir e rodar o projeto

**Utilize `npm install` dentro da pasta do projeto para baixar suas pendências**

**A seguir `npm start` para iniciar o projeto**