šŸŽ® Sobre o Alura Geek

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.

šŸ“„ ApresentaĆ§Ć£o do projeto

šŸ“ Sobre o desenvolvimento do projeto

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)

O Alura-Geek conta com:

  1. PĆ”gina inicial com botĆ£o "iniciar sessĆ£o" e um buscador de produtos oferecidos pela empresa.
  2. Um banner com descontos, promoƧƵes, ou informaƧƵes relevantes sobre os produtos.
  3. 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.
  4. Um rodapƩ com formulƔrio para contato e outras informaƧƵes relevantes.
  5. Menu administrador para eles conseguirem adicionar, editar, buscar ou eliminar produtos da loja.
  6. 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.

Para iniciar o projeto

Instale o browser-sync:

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

Instale o json-server:

  • 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