Projeto 2 - Pharmacy Management
Desenvolvimento de um sistema de gestão de farmácias cujo objetivo é realizar o cadastro de farmácias e medicamentos, realizar armazenamento no LocalStorage e apresentar para o usuário os dados de interesse.
O usuário tem acesso ao cadastro de novas farmácias e medicamentos a partir de formulários que captam as informações mais importantes que serão armazenadas no LocalStorage, ele é capaz de navegar entre os medicamentos salvos por meio de uma barra de pesquisa e excluir qualquer um deles. Além disso foi implementado um mapa com o uso da API LeaFlet que mostra todas as farmácias que já foram cadastradas.
Tela de Login:
Tela de Cadastro de Farmácia:
Tela de Cadastro de Medicamento:
Tela da Lista de Medicamentos:
Tela do Mapa de Farmácias:
- Fundamentos da Programação Web: HTML: Principais elementos (versão 4) e Elementos semânticos (versão 5) CSS: Seletores, Principais Estilos, Layouts e Layout com Flexbox Organização: Trello e Versionamento com GitHub
- JavaScript: Variáveis, Tipos de dados, Array, Estrutura de Controle de Fluxo (condicional e repetição) e Operadores (aritméticos, lógicos e relacionais) Funções, Manipulação do DOM, Utilização de Seletores, Eventos, JSON, LocalStorage, Interval e Timeout Apresentação do ES6+, Escopo (let, var e const), Classes, Atributos, Encapsulamento (closure) e Funções de Arrays (forEach, map, filter, find, reduce e every) Arrow Functions e Módulos (export e import) Funções Assíncronas (Promises, Async e Await), Operadores Rest e Spread, e XMLHttpRequest e Fetch
- React: Renderização de componentes, Renderização de Listas, Props e Proptypes Hooks Principais (useState, useEffect e useRef), eventos e lifecycles Overview sobre componentes de classe (com revisão de Herança e Polimorfismo) Context API, Hooks Avançados (useReducer e useContext), React Router, e Prop Drilling Composition, Formulários, Estilos (Styled Components e Bootstrap), Developer Tools, e Componentes de terceiros (react-leaflet)
Desenvolvido por: Felipe de Oliveira Borba