/market-list

Personal project that you can store product's quantities based on a grocery list using React and TypeScript

Primary LanguageTypeScript

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