quicklist

|
Categoria:
Front-End
Ano:
2025
Linguagem:
angular

Projeto de lista de compras desenvolvido com Angular, baseado em um layout do Figma da Rocketseat. Focado em aprimorar os fundamentos do framework após o projeto Gerador de Certificado, praticando componentização, gerenciamento de estado e interatividade na interface.

Acessar o site

Sobre o projeto

O Quick List é uma aplicação de lista de compras desenvolvida com Angular, tendo como base um layout disponibilizado pela Rocketseat no Figma. O projeto surgiu como continuação natural após o Gerador de Certificado, com o objetivo de aprimorar e consolidar os fundamentos do framework em um contexto mais próximo do dia a dia.

O que foi praticado

Com esse projeto, foi possível evoluir em conceitos já vistos e explorar novos:

  • Fidelidade ao Figma: transformar um design real em código funcional
  • Componentização: estruturação da interface em componentes reutilizáveis
  • Gerenciamento de estado: controle da lista de itens de forma reativa
  • Interatividade: adição, remoção e marcação de itens na lista
  • Boas práticas Angular: organização do projeto e uso correto dos recursos do framework

Resultado

Uma aplicação funcional e fiel ao design original, que consolidou o aprendizado em Angular e reforçou a capacidade de transformar protótipos em produtos reais.