Projetos

visualização do projeto de cardápio

Cardápio Sugar Rush Café

Projeto consistiu em desenvolver o cardápio de um estabelecimento utilizando apenas HTML5 e CSS3. Fiz em formato de cards para praticar o uso de Flex box.

↓
visualização do projeto mulheres e a igualdade de gênero

Mulheres em STEM

Optei por criar o conteúdo sobre a presença das mulheres nas áreas de STEM; desenvolvi o layout utilizando HTML5 e CSS3, e o menu mobile com JavaScript.

Primeira tentativa de praticar a responsividade com medias queries (ainda não aplicando o desenvolvimento mobile first), utilizar variáveis no CSS e aplicar mais algumas tags semânticas (blockquote, cite).

↓
visualização do projeto portfólio

Portfólio Ver. 01

Primeira versão do meu portfólio utilizando HTML5, CSS3 e JavaScript para praticar o desenvolvimento mobile first, responsividade com medias queries, CSS grid, animações, manipulação do DOM com JavaScript e site com subpáginas.

Experimentei um estilo de navegação para telas menores que se assemelha ao menu presente em aplicativos mobile para uma navegação mais intuitiva.

↓
visualização do projeto card profile

Card profile

Card de perfil personalizado, funciona como uma pequena apresentação da pessoa. Desenvolvido utilizando HTML5, CSS3 e BootStrap v5.3.

Para a prática de elementos como: leitura de documentação e aplicação, container, colunas, linhas, responsividade e formatação de estilo nas classes. Não utiliza a customização do Sass ainda.

↓
visualização do projeto to-do list

To-do List

Desenvolvido utilizando HTML5, CSS3 e JavaScript. Lista de to-do's que é gerada manipulando o DOM, de acordo com a entrada do usuário.

É possível adicionar uma nova tarefa, marcá-la como concluída, desmarcá-la, removê-la e até apagar a lista inteira. Dados são perdidos ao atualizar a página.

↓
visualização do projeto ADICIONAR AQUI

ValidaCpf

Algoritmo que verifica a consistência do número de cpf (válido/inválido). Recebe uma entrada, faz o processamento (seguindo a lógica apresentada na referência) e fornece uma saída ao usuário.

Foquei em estruturas condicionais, estruturas de repetição, funções e listas.

↓