Skip to content

Projeto solo desenvolvido com base nas aulas da plataforma Scrimba com JavaScript, CSS e HTML

Notifications You must be signed in to change notification settings

ValeItalo/Sorveteria-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Sorveteria Congelados

Projeto solo desenvolvido com base nas aulas da plataforma Scrimba com JavaScript, CSS e HTML. Eu desenvolvi uma aplicação de uma sorveteria em que é possível selecionar a quantidade de cada um dos sabores de sorvete, visualizar um resumo da compra com o valor total do pedido, o usuário poderá excluir um determinado item ou avançar com a compra, além de permitir a mudança de idioma entre inglês e português e alterar o tema entre claro e escuro.

Objetivo

A proposta é o desenvolvimento de uma aplicação utilizando conceitos aprendidos durante o módulo 5 da Plataforma Scrimba (Essential JavaScript concepts).

Principais conceitos aplicados

  • Atributos data-* (Data attributes): Utilizado para armazenar informações extras em elementos HTML. Eu adicionei data attributes com um ID específico (o ID é gerado aleatoriamente com o uuidv4 - Identificador Único Universal) nos "botões" de adicionar e subtrair itens. E apliquei um addEventListener no document para capturar cliques nos botões, identificar qual o atributo deste respectivo botão e acionar uma function para somar/subtrair os valores e alterar o TextContent da quantidade de itens.
  • ForEach: Método para percorrer os arrays com os sabores de sorvete.
  • Filter: Método para filtrar somente um sorvete do array de cada vez.
  • Elemento Dialog: Caixa de diálogo interativa para confirmar e avançar com a compra.

Criação

  • Mobile first
  • HTML semântico
  • Variáveis CSS
  • Flexbox
  • Dialog
  • JavaScript

Link

Screenshots

print screen da versao dark mode do app de sorveteria

print screen da versao dark mode do app de sorveteria

print screen da versao dark mode do app de sorveteria

print screen da versao dark mode do app de sorveteria

Autor

About

Projeto solo desenvolvido com base nas aulas da plataforma Scrimba com JavaScript, CSS e HTML

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages