Repositório destinado ao desenvolvimento de projetos práticos utilizando HTML5, CSS3, JavaScript e React, criados durante minha formação em Análise e Desenvolvimento de Sistemas.
Os projetos foram desenvolvidos com o objetivo de consolidar conceitos fundamentais de desenvolvimento Front-End, lógica de programação, manipulação do DOM, algoritmos, regras de negócio e construção de interfaces interativas.
Cada pasta representa um projeto independente, abordando diferentes desafios e conceitos da programação web.
- HTML5
- CSS3
- JavaScript (ES6+)
- React
- Bootstrap 5
Sistema responsável por validar números de CPF utilizando o algoritmo oficial de cálculo dos dígitos verificadores.
- Manipulação de strings
- Expressões regulares (Regex)
- Estruturas condicionais
- Laços de repetição
- Algoritmos de validação
- Manipulação do DOM
Aplicação que realiza validação de cartões utilizando o Algoritmo de Luhn, além de identificar bandeira, setor e banco emissor com base nos prefixos informados.
- Algoritmo de Luhn
- Manipulação de strings
- Regras de negócio
- Estruturas condicionais
- Funções reutilizáveis
- Atualização dinâmica da interface
Implementação do clássico jogo da velha utilizando React, explorando componentes e gerenciamento de estado.
- React
- Componentização
- Hooks (
useState) - Props
- Fluxo de dados
- Renderização reativa
- Lógica de jogos
Simulação de um sistema simples de caixa para registro de compras utilizando código de produto e quantidade.
- Arrays
- Objetos
- Manipulação do DOM
- Bootstrap
- Renderização dinâmica
- Organização de dados
Aplicação para gerenciamento de convidados, permitindo adicionar, editar, concluir e excluir registros.
- CRUD em JavaScript
- Eventos
- Manipulação de Arrays
- Criação dinâmica de elementos
- Atualização de interface
Sistema para simulação de cálculos financeiros envolvendo bandeiras de cartão, juros e parcelamentos.
- Regras de negócio
- Estruturas condicionais (
switch) - Operações matemáticas
- Manipulação do DOM
- Eventos
Aplicação que calcula o custo de eventos considerando quantidade de participantes, pacote contratado, taxa de serviço e descontos.
- Operações matemáticas
- Estruturas condicionais
- Cálculos financeiros
- Manipulação do DOM
Projeto responsável por calcular médias escolares e classificar automaticamente a situação do aluno.
- Estruturas condicionais
- Operações matemáticas
- Eventos
- Atualização dinâmica da interface
Conversão automática entre as escalas Celsius e Fahrenheit em tempo real.
- Eventos de entrada
- Conversão de dados
- Manipulação do DOM
- Operações matemáticas
Página desenvolvida utilizando HTML semântico e CSS moderno para apresentar curiosidades sobre a Ciência da Computação.
- HTML semântico
- Flexbox
- Formulários
- Tabelas
- Navegação por âncoras
- Responsividade
- Organização visual
Durante o desenvolvimento deste repositório foram praticados diversos conceitos importantes para o desenvolvimento Front-End, entre eles:
- Estruturação de páginas com HTML5
- Estilização utilizando CSS3
- Layouts responsivos
- Manipulação do DOM
- Eventos em JavaScript
- Estruturas condicionais
- Estruturas de repetição
- Arrays e Objetos
- Manipulação de Strings
- Expressões Regulares
- Algoritmos de validação
- Regras de negócio
- Cálculos matemáticos
- Componentização com React
- Gerenciamento de estado com Hooks
- Utilização do Bootstrap
Os projetos foram desenvolvidos em ordem crescente de complexidade, permitindo consolidar gradualmente os conhecimentos adquiridos durante os estudos.
Ao longo do repositório é possível observar a evolução desde aplicações mais simples, como conversores e calculadoras, até projetos com algoritmos de validação, gerenciamento de listas, simulação de sistemas comerciais e desenvolvimento utilizando React.
Essa progressão demonstra a aplicação contínua de novos conceitos e boas práticas de programação, refletindo meu processo de aprendizado na área de desenvolvimento Front-End.
Adriel Wanderlind
Estudante de Análise e Desenvolvimento de Sistemas, focado em desenvolvimento de software, lógica de programação e desenvolvimento Front-End.
Atualmente estudo HTML, CSS, JavaScript, React, linguagem C, modelagem de sistemas, análise orientada a objetos e análise de requisitos, buscando oportunidades para aplicar esses conhecimentos em projetos reais e continuar evoluindo como desenvolvedor.