Market List

Live Project: market-list

ENG

• Personal project that you can store product's quantities based on a grocery list

Technologies and Concepts used in this project

🖥️ Front-end
React TypeScript Material UI Sass LocalStorage

Topic's learned

• React Component's and JSX
• Props and Manipulating States
• Conditional Rendering
• React Hooks (useState, useEffect and Context API)
• How to implement LocalStorage API with React
• Destructuring
• Implementing TypeScript
• How to migrate to Material UI

PT-BR

• Projeto pessoal onde você pode armazenar a quantidade dos produtos baseado numa lista de supermercado

Tecnologias e Conceitos utilizados nesse projeto

🖥️ Front-end
React TypeScript Material UI Sass LocalStorage

Tópicos aprendidos

• Componentização do React e JSX
• Props e Manipulação de Estado
• Renderização Condicional
• React Hooks (useState, useEffect and Context API)
• Como implementar localStorage API com React
• Desestruturação
• Implementando TypeScript
• Como migrar para Material UI