Here you can see some of the projects I've been developing during the Desenvolve programm:
Projeto_1.Pagina_Barbearia_Alura (HTML e CSS):
Projeto de criação de página 100% HTML e CSS, visando desenvolver habilidades base de front-end, dentre elas o uso de tags básica, fontes importadas, uso de classes e IDs para estilização, tags semânticas e estruturais, uso de iframes, listas, tabelas, imagens, videos, links, formulários, cards e responsividade com media queries.
See Website See repositoryProjeto_2.Pagina_Alurinha (Flexbox);
Projeto voltado à prática de posicionamento de elementos por meio do uso de flexbox. Para o desenvolvimento do projeto foram disponibilizados os arquivos HTML e CSS com a estrutura e estilização básica da página. Com base nisso, criou-se o arquivo flexbox.css voltado unicamente para o posicionamento dos elementos na tela, tanto para desktop quanto para mobile.
See Website See repositoryProjeto_3.Pagina_Apeperia (Responsividade e Mobile First);
Projeto voltado a prática de responsividade e do conceito de Mobile First. Para o desenvolvimento do projeto foram disponibilizados os layouts em Figma para versão mobile (375px a 767px), tablet (768px a 1023px) e desktop (acima de 1024px), bem como as imagens e específicações de design. A página foi inteiramente programada com HTML e CSS, usando conceitos de responsividade (medidas relativas, viewport e media queries) e no sistema Mobile First para, em seguida, realizar as adaptações necessárias aos demais tamanhos de tela.
See Website See repositoryProjeto_4.Doguito_Pet_Shop (JS Web);
Projeto com o objetivo de desenvolver uma aplicação simples para controle administrativo interno de lojas da franquia de Pet Shop fictícia Doguito. O foco do projeto foi trabalhar com validação de formulários em HTML e JS, fluxos de telas em HTML, além de conceitos de controladores e servidores, por meio da implementação de operações de CRUD em API 'simulada'. Na versão disponível no link abaixo não será possível ultilizar a página de 'Clientes' devido a falha na comunicação com a API em hospedagem não local (Veja o resultado no repositório do gitHub).
See Website See RepositoryProjeto_5.Alura_Books (JS Web);
Projeto para aplicação de validação de formulário na página de cadastro da empresa fícticia Alura Books, de forma a se garantir a obtenção de dados padronizados para posterior inclusão no banco de dados, além de melhorar a usabilidade da página por meio da exibição de mensagens de erro claras ao usuário em tempo real. Para isso ultilizou-se de diversos conceitos JS (Regex, fetch, assync/await, try/catch, modules) para validações e comunicações com diferentes APIs (Brasil API, Who is - Email Verification API, Via CEP);
See Website See RepositoryProjeto_6.TaskStudy Pomodoro (-);
Projeto em desenvolvimento.
See RepositoryProjeto_7.Aluroni (React JS);
Projeto de implementação da página do restaurante fícticio 'Aluroni' por meio da biblioteca Creat React App (CRA), ultilizando TypeScript e Sass (CSS modules), ESLint e React Router DOM para estruturar o projeto em arquitetura SPA, renderizando os componentes sempre na mesma página HTML. A implementação da página hospedada na web ainda não está concluida, mas o resultado final em hospedagem local pode ser visualizado no repositório do gitHub.
See RepositoryProjeto_8.Alfood (React JS);
Projeto de refatoração do site estático da empresa fictícia Alfood para um formato dinâmico, onde a renderização da página web seja feita com base em requisições a uma API. A aplicação em TypeScript básicamente funciona listando diferentes restaurantes e pratos. A implementação da página hospedada na web ainda não está concluida, mas o resultado final em hospedagem local pode ser visualizado no repositório do gitHub.
See RepositoryProjeto_9.EventTracker (React JS + Recoil);
Refatoração da aplicação Event Tracker para um formato de código com alta coesão e baixo acomplamento, de forma que seja possível seu crescimento de forma escalável. O Event Tracker é uma aplicação que exibe eventos em um calendário, similar a uma agenda digital. Por meio dele, podemos adicionar, editar e remover eventos, além de marcar quando um evento for completado e filtrar os eventos exibidos por datas. A implementação da página hospedada na web ainda não está concluida, mas o resultado final em hospedagem local pode ser visualizado no repositório do gitHub.
See RepositoryProjeto_10.Sorteador de Amigo Secreto (JS Web);
Projeto de desenvolvimento de uma aplicação para o sorteio de amigos secretos por meio de abordagem TDD (Test Driven Development - Desenvolvimento Orientado a Testes), utilizando-se da biblioteca React Testing Library em um padrão AAA (Arrange, Act and Assert).
See Website See Repository