Leonardo Paiva

portfolio

MVP 2 Puc Rio Pós Graduação Desenvolvimento Full Stack (Desenvolvimento Front-End do site)

Neste app simples, o usuário pode cadastrar consultas médicas, editá-las e visualizá-las em uma lista. Este foi o segundo MVP (Minimum Product Viable) projeto que compõe a maior parte da nota da disciplina Desenvolvimento Front-End Avançado do curso de Pós Graduação Desenvolvimento Full Stack da Universidade Puc Rio. Neste projeto a idéia foi reaproveitar o máximo de código possível, utilizando assim React e Material UI (MUI), reaproveitando componentes já fornecedidos pelo MUI, fazendo melhorias, e implementando novas funcionalidades. O maior desafio que tive ao fazer este projeto foi implementar ele de forma que funcionasse offline, usando o plugin 'vite-plugin-pwa' tornando o web app em um pwa, sendo possível instalá-lo e usar ele totalmente como se fosse um aplicativo nativo no celular, com isso no próximo MVP farei a sincronização dos dados offline com o banco de dados, uma vez que este projeto não possui back-end, tudo nele funciona apenas no front-end. <br /><br />Data: Realizado em 2024<br />GitHub APP (front-end): <a href='https://github.com/leonardopaiva/pucrio-mvp-front-end-advanced-app' target='_blank'>APP https://github.com/leonardopaiva/pucrio-mvp-front-end-advanced-app</a><br />FIGMA (prototipação de alta fidelidade): <a href='https://www.figma.com/design/1mTVz0aJpCWwYwBc3ylywD/PUC-Rio---MVP---Leonardo-Souza-Paiva---Front-End-Advanced?node-id=22-5394&t=gAfh9MewJsIO6Fz1-1' target='_blank'>FIGMA https://www.figma.com/design/1mTVz0aJpCWwYwBc3ylywD/PUC-Rio---MVP---Leonardo-Souza-Paiva---Front-End-Advanced?node-id=22-5394&t=gAfh9MewJsIO6Fz1-1</a><br />Vídeo de apresentação (presentation video): <a href='https://youtu.be/0d-6IUMoDWs' target='_blank'>https://youtu.be/0d-6IUMoDWs</a><br />Live demo: <a href='https://pucriomvp2.leonardopaiva.com' target='_blank'>https://pucriomvp2.leonardopaiva.com</a>.<br><br>...<br><br>A Universidade Puc Rio oferece vários cursos de pós-graduação, entre eles o de <a href='https://especializacao.ccec.puc-rio.br/especializacao/desenvolvimento-full-stack' target='_blank'>Desenvolvimento Full Stack</a>.

MVP 2 Puc Rio Pós Graduação Desenvolvimento Full Stack (Desenvolvimento Front-End do site)
  1. Home /
  2. portfolios /
  3. mvp2-pucrio-pos-graduacao-desenvolvimento-full-stack
Photo of a Shiba Inu
Neste app simples, o usuário pode cadastrar consultas médicas, editá-las e visualizá-las em uma lista. Este foi o segundo MVP (Minimum Product Viable) projeto que compõe a maior parte da nota da disciplina Desenvolvimento Front-End Avançado do curso de Pós Graduação Desenvolvimento Full Stack da Universidade Puc Rio. Neste projeto a idéia foi reaproveitar o máximo de código possível, utilizando assim React e Material UI (MUI), reaproveitando componentes já fornecedidos pelo MUI, fazendo melhorias, e implementando novas funcionalidades. O maior desafio que tive ao fazer este projeto foi implementar ele de forma que funcionasse offline, usando o plugin 'vite-plugin-pwa' tornando o web app em um pwa, sendo possível instalá-lo e usar ele totalmente como se fosse um aplicativo nativo no celular, com isso no próximo MVP farei a sincronização dos dados offline com o banco de dados, uma vez que este projeto não possui back-end, tudo nele funciona apenas no front-end.

Data: Realizado em 2024
GitHub APP (front-end): APP https://github.com/leonardopaiva/pucrio-mvp-front-end-advanced-app
FIGMA (prototipação de alta fidelidade): FIGMA https://www.figma.com/design/1mTVz0aJpCWwYwBc3ylywD/PUC-Rio---MVP---Leonardo-Souza-Paiva---Front-End-Advanced?node-id=22-5394&t=gAfh9MewJsIO6Fz1-1
Vídeo de apresentação (presentation video): https://youtu.be/0d-6IUMoDWs
Live demo: https://pucriomvp2.leonardopaiva.com.

...

A Universidade Puc Rio oferece vários cursos de pós-graduação, entre eles o de Desenvolvimento Full Stack.
Habilidades relacionadas a MVP 2 Puc Rio Pós Graduação Desenvolvimento Full Stack (Desenvolvimento Front-End do site)Os itens abaixo estāo presentes de alguma forma no desenvolvimento de MVP 2 Puc Rio Pós Graduação Desenvolvimento Full Stack (Desenvolvimento Front-End do site)
HTML, CSS e JS (conhecimento avançado)HTML, CSS e JS (conhecimento avançado)React JS e MUI (bom conhecimento)React JS e MUI (bom conhecimento)GITHUB (bom conhecimento)GITHUB (bom conhecimento)
MVP 2 Puc Rio Pós Graduação Desenvolvimento Full Stack (Desenvolvimento Front-End do site)