Marcos Vinicius
Desenvolvedor Full Stack

Projetos Pessoais

• Sistema de Biblioteca com CRUD



Descrição:

Um software corporativo sólido precisa de uma base robusta de manipulação de dados. Desenvolvi este sistema de gestão para administrar o fluxo de informações de uma rede de bibliotecas, gerenciando desde as unidades de atendimento até o quadro de funcionários. O foco arquitetural foi implementar o ciclo de vida completo dos dados (Create, Read, Update, Delete) construindo uma comunicação segura, estruturada e eficiente entre o back-end em PHP e o banco de dados relacional.

• PHP, JavaScript, MySQL, HTML, CSS

Link do projeto

Ver mais



Funcionalidades:

• Modelagem e Integridade Relacional: Estruturação de tabelas no MySQL para lidar com múltiplas entidades (Unidades e Bibliotecárias), garantindo que os dados sejam armazenados e consultados de forma lógica e otimizada.
• Ciclo Completo de Dados (CRUD): Implementação de lógicas de servidor (Server-side) em PHP para processar requisições, executar Queries SQL dinâmicas (INSERT, SELECT, UPDATE, DELETE) e devolver as respostas à interface.
• Integração Full Stack: Desenvolvimento ponta a ponta, criando desde o layout responsivo e formulários no Front-end até as rotas de processamento e persistência de dados no Back-end.

Conclusão:

A habilidade de inserir, ler, atualizar e excluir registros com segurança em um banco de dados relacional é o pilar da engenharia de software voltada para negócios. Este projeto consolida minha capacidade de atuar como Desenvolvedor Full Stack, provando que consigo tirar uma regra de negócio do papel, modelar o banco de dados e entregar um painel administrativo totalmente funcional e pronto para escalar.

• Sistema de login



Descrição:

Uma tela de login não é apenas sobre estética; é a primeira linha de defesa de qualquer sistema. Construí este projeto para servir como um módulo base de autenticação para aplicações reais. O foco foi criar uma ponte segura e eficiente entre a interface do usuário (Client-side) e a lógica do servidor (Server-side com PHP), garantindo que a experiência fosse fluida no visual, mas rígida na segurança e no tratamento das credenciais.

• HTML, CSS, PHP & JavaScript

Link do projeto

Ver mais



Funcionalidades:

• Validação Dupla (Front e Back-end): Interceptação de inputs via JavaScript para evitar requisições em branco ou mal formatadas, poupando processamento do servidor, aliada à validação rigorosa no PHP.
• Sanitização e Segurança: Cuidado com o tráfego das informações enviadas via formulário (métodos HTTP), preparando a estrutura para evitar falhas clássicas como injeções de código.
• UX e Layout Responsivo: Interface desenhada para manter a legibilidade e a facilidade de clique (touch-friendly) em dispositivos móveis, além de fornecer feedback instantâneo ao usuário em caso de credenciais incorretas.

Conclusão:

Esse projeto materializa fundamentos críticos da web moderna. Ele prova minha capacidade de integrar diferentes camadas de uma aplicação (Full Stack), garantindo que o visual desenhado no CSS converse de forma segura com as regras de negócio escritas no PHP. É o tipo de estrutura base pronta para ser acoplada em sistemas corporativos maiores.

• Calculadora de notas PUC-GO



Descrição:

Desenvolver software é, acima de tudo, resolver dores reais. Percebi um problema comum entre os estudantes da minha universidade: a dificuldade e a perda de tempo ao calcular médias ponderadas complexas durante o semestre. Para resolver isso, criei esta ferramenta utilitária web. O desafio técnico foi mapear as regras de negócio da instituição e traduzi-las em um algoritmo de cálculo preditivo executado 100% no lado do cliente (Client-side), entregando respostas imediatas sem qualquer consumo de servidor.

• HTML, CSS & JavaScript

Link do projeto

Ver mais



Funcionalidades:

• Algoritmo de Projeção (Engenharia Reversa): Mais do que somar valores, o script utiliza os dados de entrada para realizar a equação reversa da instituição, informando com precisão matemática a nota exata que o usuário precisará na próxima avaliação.
• Manipulação Dinâmica do DOM: Utilização de Event Listeners no JavaScript para capturar a digitação do usuário e atualizar os resultados na tela em tempo real, sem a necessidade de recarregar a página (Single-Page behavior).
• Tratamento de Exceções (Edge Cases) e UX: Implementação de validações para impedir inputs irreais (como notas negativas ou acima do limite) e feedback visual de status através de cores dinâmicas (indicando aprovação, atenção ou reprovação).

Conclusão:

Este projeto valida minha habilidade em pegar um problema cotidiano, entender suas regras lógicas e construir uma solução de interface rápida e sem atritos. Ele evidencia meu domínio em JavaScript puro para manipulação de tela, tratamento de dados e foco absoluto na experiência do usuário final, especialmente em dispositivos móveis.

• Conversor de moedas



Descrição:

Construir um conversor de moedas real vai muito além da matemática básica; o verdadeiro desafio técnico é lidar com dados financeiros voláteis que mudam a cada segundo. Desenvolvi esta aplicação com foco total no consumo de APIs de terceiros. A arquitetura foi pensada para capturar as cotações em tempo real de forma assíncrona, tratar esses dados brutos no front-end e atualizar a interface instantaneamente, entregando uma conversão precisa e sem atritos.

• HTML, CSS & JavaScript

Link do projeto

Ver mais



Funcionalidades:

• Conversões em Tempo Real: O conversor busca as taxas de câmbio diretamente de uma API externa (API de Câmbio Gratuita), garantindo que todas as conversões sejam feitas com dados precisos e atualizados.
• Reatividade do DOM: Eventos parametrizados para recalcular e injetar os novos valores na interface instantaneamente assim que o usuário digita um número ou altera o tipo da moeda.
• Manipulação e Tratamento de JSON: Captura, desestruturação e formatação dos dados retornados pelo servidor externo para isolar apenas os valores necessários para o cálculo matemático.

Conclusão:

Lidar com APIs externas, tratar promessas (Promises) e manipular pacotes JSON são tarefas rotineiras e essenciais no desenvolvimento de software corporativo moderno. Esse projeto consolida meu domínio sobre comunicação HTTP no front-end, mostrando que consigo plugar uma interface a serviços isolados na nuvem de forma resiliente, rápida e funcional.

• Cadastro em Newsletter



Descrição:

Esse projeto nasceu de um desafio do Frontend Mentor. A ideia aqui era ir além de apenas "montar uma tela" e construir um componente real, robusto e blindado. Construí a interface com atenção extrema ao design de referência (focando no famoso pixel-perfect) e desenvolvi toda a inteligência do formulário com JavaScript puro para garantir que nenhum dado inválido passasse da interface.

• HTML, CSS & JavaScript

Link do projeto

Ver mais



Funcionalidades:

• Validação Estrita com Regex: Utilização de Expressões Regulares no front-end para checar o padrão exato do e-mail digitado antes de permitir o envio.
• Feedback Dinâmico e Prevenção de Erros: Manipulação direta do DOM para interceptar erros em tempo real, exibindo alertas visuais imediatos caso o formato esteja incorreto.
• Fidelidade Visual e Responsividade: Componente desenhado para se adaptar fluidamente entre o mobile e o desktop, sem quebrar o layout.

Conclusão:

Foi um desafio excelente para treinar manipulação de eventos no navegador. Mais do que entregar uma interface bonita, esse projeto prova o meu cuidado em validar dados do lado do cliente (client-side), o que é essencial em sistemas reais para evitar requisições inúteis ou "lixo" chegando no banco de dados.

Skills & Tecnologias

Experiência Profissional

Educação e Vivência