De forma resumida, Ć© um e-commerce geek, com produtos relacionados ao mundo de games, conta com validaĆ§Ć£o de formulĆ”rios, criaĆ§Ć£o de produtos, exclusĆ£o e ediĆ§Ć£o com CRUD e requisiƧƵes feitas com Fetch API.
Durante o desenvolvimento desse projeto pude praticar minha lĆ³gica com JavaScript puro, a criar CRUD (Rest API) e utilizar Fetch API para fazer as requisiƧƵes ao db.json (Fake REST API)
- PĆ”gina inicial com botĆ£o "iniciar sessĆ£o" e um buscador de produtos oferecidos pela empresa.
- Um banner com descontos, promoƧƵes, ou informaƧƵes relevantes sobre os produtos.
- Uma galeria com as informaƧƵes dos produtos como: a imagem, o nome do produto, o preƧo e um link que leva atĆ© a pĆ”gina de descriĆ§Ć£o do produto.
- Um rodapƩ com formulƔrio para contato e outras informaƧƵes relevantes.
- Menu administrador para eles conseguirem adicionar, editar, buscar ou eliminar produtos da loja.
- Site responsivo para dar aos clientes a facilidade de compra atravƩs de dispositivos mobiles
AlĆ©m disso, o projeto contĆ©m validaĆ§Ć£o simples de formulĆ”rios, uma pĆ”gina de login que leva a pĆ”gina de administraĆ§Ć£o para criaĆ§Ć£o de produtos. No momento estou desenvolvendo a pĆ”gina com a descriĆ§Ć£o de cada produto selecionado pelo cliente.
InstalaĆ§Ć£o local - Se vocĆŖ deseja executar o Browsersync a partir da linha de comando em qualquer diretĆ³rio, ele pode ser instalado localmente com o seguinte comando.
npm install browser-sync
- Para executar o browser-sync:
browser-sync start --server --file . --host --port 5000 --startPath index.html
- Utilize essa full fake REST API Instalando o json-server globalmente
npm install -g json-server
- Para utilizar o json-server:
json-server --watch db.json