/do-it

a task app

Primary LanguageTypeScriptMIT LicenseMIT

brazil-icon pt-BR - version

eua-icon en


✏ Do iT

doiT

doit tour

📱 Responsividade:

doit responsivity

🏠 Aplicação:

https://do-it-murex.vercel.app/

🛈 Sobre:

Lista de tarefas com conceito visual vaporWave. Foi criado uma api utilizando o serviço do próprio Next Js, fazendo requisições de get,post e delete para as funcionalidades apresentadas.

1° digite o nome da categoria;

2° digite o nome da tarefa;

3° acrescente um comentário sobre a tarefa se necessário;

4° feedbacks são bem vindos :)

💡 Funcionalidades:

  • inclusão de tarefas;
  • marcar tarefas concluídas;
  • deletar tarefas;
  • hora e data atual ao renderizar;
  • background dinâmico (mudança de acordo com período do dia - manhã, tarde e noite).

🚀 Tecnologias usadas:

Base:

html5-logo css3-logo javascript-logo typescript-logo nextJS-logo

  • HTML5 - CSS3 - JavaScript - TypeScript - NextJs

Complementar:

styledComponents-logo

  • Styled Components

🧪 Testes

Testes incluídos usando Cypress

chartJs-logo

eua-icon en - version

brazil-icon pt-BR


✏ Do iT

doiT

doit tour

📱 Responsivity:

doit responsivity

🏠 Application:

https://do-it-murex.vercel.app/

🛈 About:

To-do list with a visual concept inspired by vaporWave. Was created using an API of the NextJS, makes requests of get, post, and delete for the features.

1° write the category name;

2° write the task name;

3° write a commentary if needed;

4° feedbacks are welcome :)

💡 Features:

  • add tasks;
  • mark them when is done;
  • delete tasks;
  • current DateTime when rendering the page;
  • dynamic background (according to the day period - morning, afternoon, and night).

🚀 Technologies used:

Main:

html5-logo css3-logo javascript-logo typescript-logo nextJS-logo

  • HTML5 - CSS3 - JavaScript - TypeScript - NextJs

Complement:

styledComponents-logo

  • Styled Components

🧪 Tests

Tests included using Cypress

chartJs-logo