Klecianny Melo's Projects
Acclaimed website of Backend Rinha 🐓
Página construida com requisições a uma API *(Application Programming Interface)* do Mercado Livre. Utilizando JavaScript, CSS e HTML. Trabalhando com funções assíncronas. Implementando testes unitários.
Pagina web construida utilizando JSX no React. Utilizando corretamente o método `render()` para renderizar os componentes. Utilizando `import` para trazer componentes em diferentes arquivos. Criando componentes de classe em React. Criando múltiplos componentes a partir de um array. Fazendo uso de `props` corretamente . Fazendo uso de `PropTypes` para validar as `props de um componente`.
Uma lista com filtros de planetas do universo de Star Wars usando **Context API e Hooks** para controlar os estados globais.
Uma API no padrão REST onde é possível adicionar, ler, deletar e atualizar produtos e vendas no estoque.
Deploy de uma API no Heroku com utilização de Docker e uma action de Linter.
Deploy de uma aplicação React no Heroku, com ambiente de produção e de desenvolvimento.
Aplicação de cadastro de talkers (palestrantes) onde é possível cadastrar, visualizar, pesquisar, editar e excluir informações.
Repositório para testes 🧪
Aplicação full stack com uma API em TypeScript para um site informativo de futebol ⚽
Acessando a TheCatAPI para realizar validações de dados no frontend 🐱
Lista de tarefas usando `HTML`, `CSS` e `JavaScript`.
Frontend to display bullshit from the bullshit repository created by @lincolixavier 🔥
Um jogo de perguntas e respostas baseado no jogo **Trivia** (semelhante ao show do milhão americano).
Exercícios realizados durante o curso de Desenvolvedor Web da Trybe.
Aplicação dos princípios SOLID e POO em uma estrutura de jogos RPG.
API utilizando Typescript e a arquitetura MSC (Models, Service e Controllers).
Página construida fazendo requisições e consumindo dados vindos de uma API; Utilizando os ciclos de vida de um componente React; Utilizando a função setState de forma a garantir que um determinado código só é executado após o estado ser atualizado; Utilizando o componente BrowserRouter corretamente; Criando rotas, mapeando o caminho da URL com o componente correspondente, via Route; Utilizando o Switch do React Router; Usando o componente Redirect pra redirecionar para uma rota específica e Criando links de navegação na aplicação com o componente Link.
Uma carteira de controle de gastos com conversor de moedas, ao utilizar essa aplicação um usuário deverá ser capaz de: - Adicionar e remover um gasto; - Visualizar uma tabelas com seus gastos; - Visualizar o total de gastos convertidos para uma moeda de escolha.
Página com formulários em HTML e CSS Flexbox para criar layouts flexíveis.
O Tryitter é uma rede social, cujo objetivo é proporcionar um ambiente em que as pessoas estudantes poderão por meio de textos e imagens compartilhar suas experiências e também acessar posts que possam contribuir para seu aprendizado.
Página construida lendo o estado de um componente e usando-o para alterar o que exibimos no browser. Inicializando um componente, dando a ele um estado pré-definido. Atualizando o estado de um componente. Capturando eventos utilizando a sintaxe do React. Criando formulários utilizando sintaxe JSX com as tags: `input`, `textarea`, `select`, `form`, `checkbox`. Transmitindo informações de componentes filhos para componentes pais via callbacks.
My solution to the Frontend Rinha challenge 🎨🐧
Jogo de adivinhação de uma palavra aleatória, semelhante ao Termoo.
Código legível, conciso e expressivo utilizando as novas funcionalidades do ES6. Utilizar as _Higher Order Functions_ para manipular e criar arrays. Escolher a _Higher Order Function_ mais adequada para a obtenção de um resultado esperado. Aprender a usar de forma conjunta as _Higher Order Functions_. Interpretar testes unitários e produzir soluções que atendam a eles.