Skip to content

brunaciarlo/lojaFunko

Repository files navigation

Projeto loja 🛒💻

🌐 English README below the portuguese

HTML_BADGE CSS_BADGE JAVASCRIPT_BADGE VITE_BADGE REACT_BADGE TAILWIND_BADGE

SobreComeçando

Imagem tela inicial Imagem tela pedidos anteriores Imagem tela checkout Imagem tela pedidos anteriores

📖 Sobre

Nesse projeto foi criada uma loja virtual na qual é possível filtrar os produtos por categorias, adicionar e remover produtos do carrinho - e modificar sua quantidade dentro do carrinho - enquanto o valor total da compra é atualizado em tempo real, simular a conclusão da compra e ver os pedidos realizados anteriormente.

project

🔒 Importante!

Nenhum dado inserido no checkout fica salvo em bancos de dados e os pedidos anteriores são armazenados em localstorage. É completamente seguro inserir dados reais ou fictícios no site.

📚 Estudo

Esse projeto é uma aplicação para estudo de desenvolvimento web front-end usado a ferramenta Vite.

🚀 Começando

Caso queira baixar o projeto para rodar na sua máquina, é necessário seguir os passos a seguir:

Pré-requisitos

  • NodeJS (versão 16.0.0 ou superior)

Clonando

Como clonar

git clone https://github.com/brunaciarlo/lojaFunko.git

Abrir a pasta do projeto clonado e digitar os seguintes comandos no terminal:

npm create vite@latest

Nomeie a aplicação como desejar (nome sugerido: loja-funko)

Select a framework: » React

Select a variant: » Javascript

cd nome-aplicacao
npm install
npm run dev

Shopping Project 🛒💻

HTML_BADGE CSS_BADGE JAVASCRIPT_BADGE VITE_BADGE REACT_BADGE TAILWIND_BADGE

AboutGetting Started

Imagem tela inicial Imagem tela pedidos anteriores Imagem tela checkout Imagem tela pedidos anteriores

📖 About

This project is a virtual shop where you can filter products by categories, add and remove products from the shopping cart - and modify the quantity within the cart - while the total price is updated in real-time, simulate the checkout and view previous orders.

project

🔒 Important!

Data inserted in checkout are not stored in any database and the previous orders are stored in localstorage. It's completaly safe to insert real ou non real data on the website.

📚 Study

This project is an apliccation with the purpose of front-end development study usying Vite.

🚀 Getting Started

In case you want to download the code in your machine, follow the next steps:

Prerequisites

  • NodeJS (version 16.0.0 or later)

Cloning

How to clone

git clone https://github.com/brunaciarlo/lojaFunko.git

Open the project folder and type the following commands in the terminal:

npm create vite@latest

Name the application as you wish (sugestion: loja-funko)

Select a framework: » React

Select a variant: » Javascript

cd application-name
npm install
npm run dev

About

Projeto de uma loja criado a partir de workshop da Hashtag Programação

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published