Projeto surgiu de uma necessidade básica, resolver um problema de forma rápida. Todo fim de ano meus colegas de emprega gostam de fazer o famoso bolão da sorte, cada um vai lá e escreve alguns jogos e todo mundo compartilha dessa mesma sorte. Depois que o resultado sai vem a etapa de verificação, normalmente sempre muito minuciosa, até porque tem muito dinheiro em jogo. Leva um certo tempo, ainda mais em alguns casos onde apenas uma pessoa fica com todas as apostas e ainda por cima fica encubada de fazer a verificação. Pensando nisso, decidi criar esse projetinho, além de exercitar meus conhecimentos em ReactJs, Styled Components, firebase e um pouco de algoritmo, iria resolver o problema de fim de ano. Basicamente, podemos escolher os números na tela, um jogo por vez, depois você salva, quando tiver mais jogos é só inserir. No momento que tivermos o resultado, buscaremos todos os jogos realizados no banco, pegamos o nosso array de resultado e faremos uma comparação, e se tivermos mais de 3 números que fazem match em algum array do banco com o nosso resultado, retornaremos um feedback dessa comparação de forma instantânea.

Lucky

Projeto desenvolvido durante a NLW#4, evento oferecido pela Rocketseat, com o propósito de acelerar seu objetivo profissional. Evento de 5 dias com muito conceito técnico e muita mão no código. Foram abordados diversos conceitos do React.Js e foi introduzido o framework Next.JS , realizamos a migração do projeto com o template CRA (Create react app) construído no primeiro dia para uma aplicação Next.Js. Usamos da context API para compartilhar alguns estados entre os componentes. Tive a oportunidade de acompanhar o evento na íntegra, tornou a experiência ainda melhor. Durante a semana foi me surgindo diversas dúvidas, a cada dia uma dúvida diferente, algumas delas eram sanadas nos dias posteriores pelo próprio Diego durante o próprio evento mesmo e outras usei do meu autodidatismo para buscar e conseguir aproveitar ao máximo o evento.

Moveit

Um projeto bem simples mas que explora muitos conceitos do CSS. Rotacionar um card com o passar do mouse, onde o card possui dois lados com conteúdo a serem exibidos, consegui colocar em prática muita coisa que vi em curso.

Rotate Card

Esse projeto foi desenvolvido com base no projeto da Rocketseat. Durante a construção dessa tela vimos muitos conceitos do Javascript para realizar todas as manipulações, projeto bem simples mas que explora um leque enorme de possibilidades para outros projetos. Após acompanhar a versão original, desenvolvi a minha própria versão com as imagens no fundo de cada card, foi um desafio muito gostoso, decidi inserir de forma "aleatória" e de forma estática (um array com vários links para os backgrounds).

Clone Pinterest (UI)

Projeto desenvolvido através da plataforma FrontMentor. Um excelente desafio para colocar a lógica em prática, onde o objetivo é conseguir calcular e dividir o valor de uma conta total por um número de pessoas e ainda aplicar um certo desconto, caso haja, e poder até customizar o desconto recebido. A interface oferecida sempre é muito moderna e atual.

Thiago Galvao

Projects

Lucky

Moveit

Rotate Card

Clone Pinterest (UI)

Tip Calculator