/Lista-Cadastro-Atividade-Diaria

Tela para adicionar e atividades do dia (Não tem conexão com banco de dados nem API, portanto se houver refresh na página os dados serão perdidos!))

Primary LanguageJavaScript

Tela para criação de lista de atividades

Atenção:

Esse programa não tem faz uso de API e não tem conexão com banco de dados, portanto a cada refresh todos os dados se perdem, sendo assim, a melhor forma de utilização seria criando uma lista e tirando print da tela.

Esse projeto é totalmente autônomo sem qualquer interferência externa de ideias bem como: cores, estilização, fontes, tamanhos, posicionamentos etc.

O objetivo principal desse projeto foi desafiar a criatividade e buscar o melhor resultado possível dada as condições atuais de conhecimento em busca de uma melhoria significativa após o término.

Conhecimentos e aprimoramentos gerados durante o desenvolvimento:

  • Manipulação e criação de elementos com JavaScript;

  • Manipulação de CSS em JavasCript de acordo com eventos gerados;

  • Posicionamento de itens na tela;

  • Design Mobile mais sofisticado;

    Botões:

    • Cadastrar atividade;

    • Resetar todas as atividades cadastradas;

    • Deletar com confirmação;

    • Editar e salvar dinâmicos;

    • Temas : Dark, White, Padrão.

  • Inputs dinâmicos (Ativados/Desativados para determinadas ações)

  • Aprimoração das habilidades em CSS.

  • Criação de design responsivo;

  • Funções em JavaScript que são executadas de acordo com o tamanho da tela selecionada para posicionamento dos itens de maneira correta após eventos:

    if (window.matchMedia("(min-width ou max-width)").matches ) {}

Tecnologias utilizadas para criação:

  • HTML;
  • CSS;
  • JavaScript;
  • Bootstrap.

PREVIEW: https://dericklfandrade.github.io/Lista-Cadastro-Atividade-Diaria/