Aplicação para registrar os seus perfis favoritos de Github.
A aplicação começa resetada, onde o usuário pode configurar do seu jeito, com seus perfis favoritos. É possível adicionar e remover perfis quantas vezes quiser, e a lista ainda continuará salva no seu navegador.
Caso tente inserir um perfil repetido, receberá uma mensagem em "alert()" informando "Usuário já cadastrado!" e caso deseje excluir um dos perfis já listados, receberá também outra mensagem em "confirm()" perguntando "Deseja realmente excluir este usuário?"
A lista de usuários é feita a partir de uma tabela, onde ao adicionar uma certa quantidade de perfis favoritos, suficientes para preencher a altura máxima da tabela, gera-se automaticamente um "scroll" personalizado no canto direito da "tbody".
- Orientação a objeto com o princípio de Classes;
- Princípio da Imutabilidade;
- localStorage;
- Try/Catch/Throw;
- Assincronísmos com .fetch e async/await;
- JSON.parje(), .forEach(), .append();
- e funções de alta ordem para arrays como .filter() e .find().
- Scrollbar;
- Overflow.
- HTML;
- CSS;
- JavaScript.
Para conferir a aplicação, acesse:
- Página inicial com lista de usuários vazia.
- Mudança de tela ao adicionar o primeiro usuário.
- Mensagem ao tentar adicionar um usuário que não existe. ("alert")
- Mensagem ao tentar adicionar um usuário já cadastrado. ("alert")
- Mensagem ao clicar em excluir um usuário. ("confirm")
- Lista de usuários com altura máxima atingida gerando barra de rolagem. ("scroll")
Application to register your favorite Github profiles.
The application starts with a reset, where the user can configure it his way, with his favorite profiles. You can add and remove profiles as many times as you like, and the list will still be saved in your browser.
If you try to insert a duplicate profile, you will receive a message in "alert()" stating "User already registered!" and if you want to delete one of the profiles already listed, you will also receive another message in "confirm()" asking "Do you really want to delete this user?"
The list of users is made from a table, where by adding a certain amount of favorite profiles, enough to fill the maximum height of the table, a custom scroll is automatically generated in the right corner of the tbody.
- Object orientation with the principle of Classes;
- Principle of Immutability;
- localStorage;
- Try/Catch/Throw;
- Asynchronisms with .fetch and async/await;
- JSON.parje(), .forEach(), .append();
- and higher-order functions for arrays like .filter() and .find().
- Scrollbar;
- Overflow.
- HTML;
- CSS;
- JavaScript.
To check the application, go to:
- Home page with empty user list.
- Screen change when adding the first user.
- Message when trying to add a user that does not exist. ("alert")
- Message when trying to add an already registered user. ("alert")
- Message when clicking delete a user. ("confirm")
- List of users with maximum height reached generating scroll bar. ("scroll")