Meus Projetos Acadêmicos

Explore em detalhes cada projeto desenvolvido durante minha graduação

1º 🛍️ Mirror Fashion
2º 🤖 ML.IO
3º 🧮 Calculadora
4º 🍦 Fresco & Gelato
5º 💼 FreelanceHub
6º 🧠 MindCare

🛍️ Mirror Fashion

E-commerce completo desenvolvido com HTML e CSS

1º Semestre - 2023

Objetivo: Desenvolver um e-commerce funcional aplicando conceitos fundamentais de HTML e CSS, com foco em estrutura semântica e design responsivo.

📸 Visual do Projeto

Mirror Fashion - E-commerce
Ver Site ao Vivo

🎯 Principais Objetivos

Estruturação semântica com HTML5
Estilização avançada com CSS3 puro
Implementação de design responsivo
Organização de arquivos e pastas

🛠️ Tecnologias Utilizadas

HTML5 CSS3 Design Responsivo Sprites CSS Git

🚀 Funcionalidades Desenvolvidas

📱
Layout Responsivo

Adaptação para diferentes tamanhos de tela com media queries

🎨
Design Moderno

Interface limpa, profissional e visualmente atraente

📄
Navegação Semântica

Múltiplas páginas interligadas com estrutura lógica

⚡
Otimização de Performance

Uso de sprites CSS para carregamento eficiente

📚 Aprendizados do 1º Semestre

  • Estruturação semântica com HTML5 e boas práticas
  • Estilização avançada com CSS3 puro e Flexbox
  • Princípios de design responsivo e mobile-first
  • Organização de arquivos e estrutura de projetos
  • Otimização de performance e carregamento
  • Versionamento com Git e GitHub
  • Deploy de projetos estáticos
Visitar Site Ver Código no GitHub

🤖 ML.IO - Machine Learning

Site informativo sobre Inteligência Artificial e Machine Learning

2º Semestre - 2023

Objetivo: Criar um site educativo sobre Machine Learning com interface moderna, apresentando conceitos complexos de forma acessível para iniciantes.

📸 Visual do Projeto

ML.IO - Machine Learning
Ver Site ao Vivo

🎯 Destaques do Projeto

Explicação de conceitos complexos de forma simples
Design moderno e atraente para conteúdo técnico
Navegação intuitiva e experiência do usuário otimizada
Conteúdo organizado e hierarquizado

🛠️ Tecnologias Utilizadas

HTML5 CSS3 JavaScript UI/UX Design Design Responsivo

🚀 Funcionalidades Implementadas

📖
Conteúdo Educativo

Explicações sobre ML e IA de forma acessível para leigos

🎨
Design Moderno

Interface clean, profissional e visualmente atraente

📱
Responsividade Total

Otimizado para desktop, tablet e dispositivos móveis

⚡
Performance Otimizada

Carregamento rápido e experiência fluida

📚 Evolução do 2º Semestre

  • Desenvolvimento de interfaces mais complexas e elaboradas
  • Organização e estruturação de conteúdo informativo
  • Melhoria nas técnicas de CSS e design responsivo
  • Foco em experiência do usuário e usabilidade
  • Estruturação de sites multi-páginas com navegação intuitiva
  • Integração de elementos visuais para melhor compreensão
  • Otimização de conteúdo para diferentes públicos
Visitar Site Ver Código no GitHub

🧮 Calculadora Web

Aplicação interativa desenvolvida com JavaScript puro

3º Semestre - 2024

Objetivo: Desenvolver uma calculadora funcional com JavaScript puro para praticar manipulação do DOM, eventos e lógica de programação front-end.

📸 Visual do Projeto

Calculadora Web
Ver Site ao Vivo

🔧 Lógica Implementada

Operações matemáticas básicas (+, -, ×, ÷)
Manipulação do DOM em tempo real
Tratamento de eventos de usuário
Validação de entrada e tratamento de erros

🛠️ Tecnologias Utilizadas

HTML5 CSS3 JavaScript DOM Manipulation Event Handling

🚀 Funcionalidades da Calculadora

➕
Operações Básicas

Soma, subtração, multiplicação e divisão

🎮
Interface Interativa

Botões responsivos com feedback visual imediato

⚡
Processamento em Tempo Real

Cálculos instantâneos sem refresh da página

📱
Design Responsivo

Funciona perfeitamente em dispositivos móveis

📚 Aprendizados de JavaScript

  • Manipulação do DOM com JavaScript puro
  • Tratamento de eventos de usuário (click, input, etc.)
  • Lógica de programação aplicada a interfaces
  • Validação de entrada de dados e tratamento de erros
  • Desenvolvimento de aplicações interativas do zero
  • Gerenciamento de estado da aplicação
  • Otimização de performance em aplicações client-side
Testar Calculadora Ver Código no GitHub

🍦 Fresco & Gelato

Site institucional para sorveteria artesanal

4º Semestre - 2024

Objetivo: Desenvolver um site institucional completo para uma sorveteria artesanal fictícia, com foco em experiência do usuário, branding e design atrativo.

📸 Visual do Projeto

Fresco & Gelato
Ver Site ao Vivo

🎯 Estratégia de Marca

Posicionamento como marca premium e artesanal
Identidade visual coesa e atraente
Experiência do usuário otimizada
Comunicação clara dos valores da marca

🛠️ Tecnologias Utilizadas

HTML5 CSS3 JavaScript UX/UI Design Design Responsivo Branding

🚀 Funcionalidades Implementadas

🏪
Site Institucional Completo

Apresentação completa da marca, produtos e valores

📱
Design Responsivo

Otimizado para todos os dispositivos e tamanhos de tela

🎨
Interface Atraente

Design moderno, convidativo e alinhado ao segmento

⚡
Navegação Intuitiva

Experiência de usuário fluida e agradável

📚 Evolução no 4º Semestre

  • Desenvolvimento de sites institucionais profissionais
  • Aprimoramento de técnicas de UX/UI Design
  • Gestão de projetos web completos do conceito à implementação
  • Otimização para diferentes dispositivos e browsers
  • Integração de design e funcionalidade
  • Desenvolvimento de identidade visual e branding
  • Foco em performance e experiência do usuário
Visitar Site Ver Código no GitHub

💼 FreelanceHub

Sistema CRUD completo em Laravel para gestão de freelancers

5º Semestre - 2025

Objetivo: Desenvolver um sistema completo de gestão para freelancers e clientes utilizando Laravel, implementando operações CRUD, relacionamentos complexos e arquitetura MVC com banco de dados MySQL.

📸 Telas do Sistema

Tela de Cadastro - FreelanceHub
Lista de Freelancers - FreelanceHub

🎯 Funcionalidades Principais

Cadastro completo de freelancers com validação
Listagem com tabela responsiva e ações
Sistema de projetos vinculando freelancers e clientes
Gestão de status dos projetos (aberto, pausado, finalizado)

🛠️ Stack Tecnológica

Laravel 8+ PHP 7.4+ MySQL Bootstrap 5 Eloquent ORM MVC Architecture Blade Templates

📊 Estrutura do Banco de Dados

-- Tabela de Freelancers freelancehub.freelancers ├── id : int(11) PRIMARY KEY ├── name : varchar(100) ├── email : varchar(100) ├── habilidade_principal : varchar(50) ├── taxa_por_hora : decimal(8,2) ├── created_at : timestamp └── updated_at : timestamp -- Tabela de Projetos freelancehub.projects ├── id : int(11) PRIMARY KEY ├── name : varchar(100) ├── prazo : date ├── freelancer_id : int(11) ├── cliente_id : int(11) ├── status : enum('aberto','pausado','finalizado') ├── created_at : timestamp └── updated_at : timestamp

🚀 Funcionalidades Implementadas

👤
Gestão de Freelancers

CRUD completo com campos: nome, email, habilidade principal, taxa por hora

📋
Listagem Avançada

Tabela responsiva com todas as informações e ações (editar/excluir)

🔗
Relacionamentos

Vinculação de projetos com freelancers e clientes através de IDs

📊
Controle de Status

Sistema de status para projetos (aberto, pausado, finalizado)

💾
Persistência de Dados

Armazenamento seguro com timestamps de criação e atualização

🎨
Interface Responsiva

Design adaptável com Bootstrap 5 para todos os dispositivos

📁 Estrutura do Projeto Laravel

FreelanceHub/ ├── app/ │ ├── Models/ │ │ ├── Freelancer.php │ │ ├── Client.php │ │ └── Project.php │ ├── Http/ │ │ ├── Controllers/ │ │ │ ├── FreelancerController.php │ │ │ ├── ClientController.php │ │ │ └── ProjectController.php │ │ └── Requests/ │ │ └── FreelancerRequest.php │ └── Providers/ ├── database/ │ ├── migrations/ │ │ ├── 2025_01_01_000001_create_freelancers_table.php │ │ ├── 2025_01_01_000002_create_clients_table.php │ │ └── 2025_01_01_000003_create_projects_table.php │ └── seeders/ │ └── FreelancerSeeder.php ├── resources/views/ │ ├── freelancers/ │ │ ├── index.blade.php │ │ ├── create.blade.php │ │ └── edit.blade.php │ ├── clients/ │ └── projects/ ├── routes/ │ └── web.php └── config/

📚 Aprendizados do 5º Semestre

  • Domínio completo do framework Laravel e seu ecossistema
  • Implementação de arquitetura MVC profissional
  • Gestão avançada de banco de dados com migrations
  • Desenvolvimento de operações CRUD completas
  • Validação de dados com Form Requests
  • Uso do Eloquent ORM para relacionamentos entre tabelas
  • Implementação de interfaces administrativas responsivas
  • Gestão de relacionamentos entre freelancers, clientes e projetos
  • Sistema de status e controle de projetos
  • Boas práticas de segurança em aplicações web
Voltar ao Topo

🧠 MindCare

Aplicativo mobile para saúde mental desenvolvido em Java/Android Studio

6º Semestre - 2025

Objetivo: Desenvolver um aplicativo mobile inovador para promoção da saúde mental, oferecendo ferramentas de autogestão emocional através de diário digital e avaliações psicológicas periódicas com feedback personalizado.

📸 Telas do Aplicativo

Tela de Login - MindCare
Tela de Login - Autenticação segura
Tela Inicial - MindCare
Tela Inicial - Módulos principais
Diário Vazio - MindCare
Diário Emocional - Interface inicial
Diário Preenchido - MindCare
Diário com Entrada - Registro de humor
Quiz em Andamento - MindCare
Quiz de Autoavaliação - Primeira pergunta
Resultado do Quiz - MindCare
Resultado Final - Feedback personalizado
Histórico - MindCare
Histórico Completo - Análise temporal

🎯 Objetivos do Projeto

Promover autocuidado e saúde mental acessível
Oferecer ferramentas de autogestão emocional
Implementar avaliações psicológicas validadas
Gerar feedback personalizado baseado em respostas

🛠️ Stack Tecnológica

Java Android Studio XML SQLite Material Design Android SDK Gradle

📊 Módulos Principais

MindCare - Módulos Principais ├── Autenticação e Perfil │ ├── Login seguro com validação │ └── Gerenciamento de perfil do usuário ├── Diário Emocional │ ├── Registro de pensamentos e sentimentos │ ├── Seleção de humor (8 opções) │ ├── Histórico temporal │ └── Edição e exclusão de entradas ├── Quiz de Autoavaliação │ ├── 10 dimensões do bem-estar │ ├── Sistema de pontuação progressiva │ ├── Feedback contextualizado │ └── Histórico de avaliações ├── Análise Preditiva │ ├── Algoritmo de análise de respostas │ ├── Categorização do bem-estar │ └── Recomendações personalizadas └── Persistência de Dados ├── SQLite para armazenamento local ├── Backup automático └── Recuperação de dados

🚀 Funcionalidades Implementadas

📝
Diário Emocional Digital

Registro de pensamentos com 8 opções de humor pré-definidas e histórico completo

📊
Quiz de Autoavaliação

10 questões multidimensionais sobre bem-estar com sistema de progresso

🧠
Análise Preditiva

Algoritmo que categoriza respostas em Excelente, Bom, Regular ou Atenção

💡
Feedback Personalizado

Recomendações específicas baseadas no desempenho do usuário

📈
Histórico Detalhado

Armazenamento e visualização de todas as avaliações realizadas

🔒
Segurança e Privacidade

Dados armazenados localmente com proteção de informações sensíveis

🎮 Fluxo do Aplicativo

1
Login

Autenticação segura com e-mail e senha

2
Tela Inicial

Escolha entre Diário Emocional ou Quiz

3
Diário/Quiz

Registro emocional ou avaliação psicológica

4
Análise

Processamento automático das respostas

5
Feedback

Resultados e recomendações personalizadas

6
Histórico

Acompanhamento da evolução temporal

📁 Estrutura Técnica do Projeto

MindCare/ ├── app/ │ ├── src/main/ │ │ ├── java/com/mindcare/ │ │ │ ├── activities/ │ │ │ │ ├── LoginActivity.java │ │ │ │ ├── MainActivity.java │ │ │ │ ├── DiaryActivity.java │ │ │ │ ├── QuizActivity.java │ │ │ │ └── HistoryActivity.java │ │ │ ├── models/ │ │ │ │ ├── User.java │ │ │ │ ├── DiaryEntry.java │ │ │ │ └── QuizResponse.java │ │ │ ├── adapters/ │ │ │ │ ├── DiaryAdapter.java │ │ │ │ └── HistoryAdapter.java │ │ │ └── database/ │ │ │ └── DatabaseHelper.java │ │ ├── res/ │ │ │ ├── layout/ │ │ │ │ ├── activity_login.xml │ │ │ │ ├── activity_main.xml │ │ │ │ ├── activity_diary.xml │ │ │ │ ├── activity_quiz.xml │ │ │ │ └── activity_history.xml │ │ │ └── values/ │ │ │ ├── strings.xml │ │ │ ├── colors.xml │ │ │ └── styles.xml │ │ └── AndroidManifest.xml ├── build.gradle └── gradle.properties

📚 Aprendizados do 6º Semestre

  • Desenvolvimento mobile nativo com Java/Android Studio
  • Arquitetura MVC para aplicativos Android
  • Persistência de dados com SQLite e Room Database
  • Implementação de algoritmos de análise de dados
  • Design de interfaces seguindo Material Design
  • Gerenciamento de ciclo de vida de Activities
  • Validação de entrada de dados e tratamento de erros
  • Implementação de sistemas de recomendação
  • Gestão de estado da aplicação e navegação
  • Boas práticas de UX para aplicativos de saúde
  • Testes e debugging em ambiente mobile
  • Publicação e distribuição de apps Android
Voltar ao Topo
Fatec Lins
Fatec Lins