Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/rodrigosadev/tasks

Aplicativo de tarefas desenvolvido com HTML, CSS & JavaScript.
https://github.com/rodrigosadev/tasks

css html javascript netlify

Last synced: about 13 hours ago
JSON representation

Aplicativo de tarefas desenvolvido com HTML, CSS & JavaScript.

Awesome Lists containing this project

README

        

# Tasks
É um projeto de um programa / site fictício idealizado e criado por mim com o propósito de evoluir em HTML, CSS & JavaScript.

# UI Design & Prototipação
O site foi prototipado primeiramente no figma, onde foi criado toda a parte gráfica, decisão de cores, espaçamento e tipografia. As ilustrações são do site: https://undraw.co/illustrations

![Tasks](https://user-images.githubusercontent.com/97991094/174461935-126e68d3-47d6-4117-b275-86c8c5203736.jpg)

# Front End & Desenvolvimento
Logo após a finalização do projeto no figma veio a parte de codificação do projeto, realizei algumas mudanças ao longo do projeto, mas nada de muito diferente do que foi prototipado.

![tasks](https://user-images.githubusercontent.com/97991094/174461890-dee2578c-2168-4a71-a456-99743ee18602.gif)

# Responsividade
Após a finalização do projeto vi que era necessário a criação de um menu mobile, pois o menu de login e cadastro estava quebrando o site, então criei um "Menu Hamburguer". Além disso, tiveram leves mudanças no tamanho das fontes e dos arquivos SVG.

![tasks 2](https://user-images.githubusercontent.com/97991094/174462184-91158328-6ef7-42c9-8f60-4dd7a29af987.gif)

![tasks 3](https://user-images.githubusercontent.com/97991094/174462233-1c15495b-a883-49af-be49-2a3fbc799447.gif)