

Listfy é uma aplicação totalmente web vanilla. Desenvolvido por mim e por meu grupo no trabalho interdisciplinar do primeiro período do curso de Engenharia de Software.

Na disciplina houveram vários processos de _Design Thinking_ para pensar em uma solução para as personas e público alvo que havíamos definido. No caso eram basicamente estudantes em tempos de pandemia. Então como solução decidimos fazer uma aplicação de checklists que auxiliassem os estudantes.

Para um projeto de primeiro período, foi utilizado somente HTML, CSS, e JavaScript na construção das páginas. Para controle e armazenamento de dados a aplicação utiliza o localStorage do navegador de quem usa. Ela não tem Back End e está hospedada no _GitHub Pages_ por esse [link](https://icei-puc-minas-pples-ti.github.io/plf-es-2021-1-ti1-7924100-dificuldades-do-ead/)

É um projeto acadêmico que está disponível no GitHub da PUC Minas.

<div>
<p style="text-indent:0px !important;">Repositório: <a href="https://github.com/ICEI-PUC-Minas-PPLES-TI/plf-es-2021-1-ti1-7924100-dificuldades-do-ead" target="_blank">https://github.com/ICEI-PUC-Minas-PPLES-TI/plf-es-2021-1-ti1-7924100-dificuldades-do-ead</a>
</p>
<p style="text-indent:0px !important;">Listify: <a href="https://icei-puc-minas-pples-ti.github.io/plf-es-2021-1-ti1-7924100-dificuldades-do-ead/" target="_blank">
https://icei-puc-minas-pples-ti.github.io/plf-es-2021-1-ti1-7924100-dificuldades-do-ead/</a>
</p>
</div>





### Capturas de Tela

<div style="margin: 0 auto; text-align: center; display: flex; width: 100%; justify-content:center">
<img src="https://firebasestorage.googleapis.com/v0/b/zosamurai.appspot.com/o/post_images%2Flistfy%2Fprint1.png?alt=media&token=3bb3a044-5c7a-426f-8a3c-7a4e28a06579" style="width: 100%;"/>
</div>
<br>
<br>

<div style="margin: 0 auto; text-align: center; display: flex; width: 100%; justify-content:center">
<img src="https://firebasestorage.googleapis.com/v0/b/zosamurai.appspot.com/o/post_images%2Flistfy%2Fprint2.png?alt=media&token=dd00850c-d827-4020-960c-e468351ef615" style="width: 100%;"/>
</div>
<br>
<br>
<div style="margin: 0 auto; text-align: center; display: flex; width: 100%; justify-content:center">
<img src="https://firebasestorage.googleapis.com/v0/b/zosamurai.appspot.com/o/post_images%2Flistfy%2Fprint4.png?alt=media&token=770d4b88-c37f-4bba-8205-88c6f4f85a31" style="width: 100%;"/>
</div>

<br>
<br>
<div style="margin: 0 auto; text-align: center; display: flex; width: 100%; justify-content:center">
<img src="https://firebasestorage.googleapis.com/v0/b/zosamurai.appspot.com/o/post_images%2Flistfy%2Fprint5.png?alt=media&token=a2b6bcd4-4461-4269-9e42-f0e95febaf93" style="width: 100%;"/>
</div>

<br>
<br>
<div style="margin: 0 auto; text-align: center; display: flex; width: 100%; justify-content:center">
<img src="https://firebasestorage.googleapis.com/v0/b/zosamurai.appspot.com/o/post_images%2Flistfy%2Fprint3.png?alt=media&token=cd972790-06ee-464c-8736-9c9a84a53df3" style="width: 100%;"/>
</div>

<br>
<br>
<div style="margin: 0 auto; text-align: center; display: flex; width: 100%; justify-content:center">
<img src="https://firebasestorage.googleapis.com/v0/b/zosamurai.appspot.com/o/post_images%2Flistfy%2Fprint6.png?alt=media&token=c679c939-a50f-4c90-af96-1cf49e1d1bdb" style="width: 100%;"/>
</div>


</listfy>

Aplicação de checklists para estudantes

Capturas de Tela