Joel Batista

Visualspure - Descrição

A landing page Visualspure foi um projeto freelancer desenvolvido para suprir a necessidade de uma presença digital simples, moderna e de fácil manutenção.

O projeto foi desenvolvido com foco em responsividade, organização visual e adaptação para diferentes tamanhos de tela, buscando apresentar os serviços da empresa de forma clara e objetiva.

Além da interface principal, foi implementado um painel simples para permitir pequenas alterações, como adicionar projetos e cadastrar clientes ou parceiros, sem depender diretamente de manutenção manual no código.

O desenvolvimento utilizou HTML, CSS, JavaScript e PHP. Parte da construção visual foi acelerada com auxílio de IA para otimizar o tempo de desenvolvimento e permitir maior foco na estrutura, organização e funcionalidade do projeto.

Freelancer Layout - Descrição

O Freelancer Layout foi um projeto real desenvolvido durante meus primeiros meses de experiência prática com desenvolvimento web. Por questões de privacidade, identidade visual, textos e informações da empresa original foram alterados para apresentação no portfólio, mantendo apenas a estrutura geral do projeto.

O projeto foi criado para uma empresa com foco em apresentar informações institucionais, páginas de serviços e formulários de contato de forma clara e organizada.

Inicialmente, toda a aplicação foi desenvolvida utilizando HTML puro. Meses depois, após adquirir mais experiência, realizei uma refatoração completa utilizando PHP com componentização e organização dos conteúdos em arquivos JSON, facilitando manutenção, reutilização de código e atualização das páginas.

Durante o desenvolvimento também foram aplicados conceitos básicos de SEO, utilizando estrutura semântica, organização correta de títulos e separação de conteúdo para melhorar navegação e indexação das páginas.

Todo o front-end visual foi desenvolvido manualmente utilizando HTML e CSS. Já parte das funcionalidades em JavaScript e back-end contou com auxílio de IA como suporte de aprendizado e implementação.

Manipulação de DOM - Descrição

Manipulação de DOM foi um projeto pessoal desenvolvido com foco em prática de manipulação de elementos utilizando JavaScript puro.

A aplicação permite criar elementos HTML dinamicamente na tela, selecionar elementos já criados e adicionar novos elementos dentro deles, simulando uma pequena estrutura visual baseada em HTML.

Além da criação dinâmica dos elementos, o projeto também permite alterar textos, adicionar classes utilizando TailwindCSS, resetar estilos e remover elementos diretamente pela interface.

O sistema também conta com um pequeno painel para exibir informações do elemento selecionado, permitindo visualizar relações entre elementos e propriedades aplicadas durante a interação.

O principal objetivo do projeto foi praticar manipulação do DOM, eventos de clique, seleção dinâmica de elementos, alteração de atributos e organização de lógica utilizando JavaScript puro sem dependência de bibliotecas externas.

O desenvolvimento utilizou HTML, JavaScript e TailwindCSS.

Registro de Heróis - Descrição

Registro de Heróis é um projeto pessoal fullstack desenvolvido com foco em aprender na prática como Front End, Back End e Banco de Dados se comunicam em um sistema completo.

A aplicação permite cadastrar, listar, editar e remover heróis medievais de fantasia, cada um com nome, idade, classe, nível, cidade e história própria.

O principal objetivo do projeto é entender o fluxo completo de uma aplicação web, desde a interface até o banco de dados, passando pela construção de uma API em PHP que recebe requisições, processa os dados e retorna respostas em JSON.

O desenvolvimento utiliza HTML, TailwindCSS, JavaScript, PHP e MySQL.

Este projeto ainda está em desenvolvimento.

Desafio Tráfego - Descrição

Desafio Tráfego foi um projeto desenvolvido a partir de um desafio técnico de front-end utilizado em um processo seletivo real. Mesmo não participando oficialmente da seleção, solicitei o desafio posteriormente como forma de prática e avaliação do meu nível técnico em um cenário próximo ao mercado.

O principal objetivo do projeto foi replicar visualmente uma página fornecida como referência, utilizando HTML, CSS e JavaScript, com foco em estruturação, organização visual e adaptação do layout.

O desenvolvimento buscou manter fidelidade visual ao modelo original, além de praticar organização de código e separação de responsabilidades entre estrutura, estilização e interação.

O JavaScript foi utilizado apenas para implementar a interação do menu mobile, mantendo o restante da aplicação focado em HTML semântico e CSS puro.

O projeto foi desenvolvido utilizando HTML, CSS e JavaScript.

Catálogo de Anime - Descrição

Catálogo de Anime foi um projeto pessoal desenvolvido com o objetivo de praticar organização de conteúdo, componentização utilizando PHP e manipulação de dados em arquivos JSON.

O projeto consiste em um catálogo com animes assistidos, acompanhados ou adicionados em lista pessoal, utilizando uma interface simples para exibição das informações e navegação entre os conteúdos.

Durante o desenvolvimento, o foco principal foi praticar reutilização de componentes, separação de estrutura, organização de dados e renderização dinâmica utilizando PHP integrado com arquivos JSON.

O projeto também foi utilizado para testar responsividade, estruturação visual com TailwindCSS e pequenas interações utilizando JavaScript.

Apesar de ser um projeto pessoal e visualmente simples, ele representou uma etapa importante de prática envolvendo organização de aplicações, componentização e manipulação de dados externos sem utilização de banco de dados.

O desenvolvimento utilizou HTML, TailwindCSS, JavaScript, PHP e JSON.