Busco aprender algo novo todos os dias
É um prazer receber você aqui! Me chamo Lorran e tenho direcionado meus estudos para o desenvolvimento front-end, com foco em pré-processadores, manipulação do DOM e outras tecnologias e metodologias, que detalho em outra seção deste portfólio.
Principais tecnologias utilizadas
Projetos
Camply Management (em progresso)
Meu objetivo com este projeto foi reunir e aplicar todos os conhecimentos adquiridos até agora em um só lugar. Para isso, implementei manipulação de DOM com fetch, organização de diretórios, versionamento com commits estruturados, uso de localStorage, transições e animações, boas práticas com Sass/SCSS, validação de login, entre outras funcionalidades.
- Um sistema de login completo.
- Aba interna que concentra toda a funcionalidade principal do site.
- Navegação interna com menus e redirecionamentos.
- Acessibilidade e responsividade.
Clone HBO Max 2022
Nesse projeto me baseei na interface de navegação do site da HBO Max de 2022, implementando animações, transições e modularidade com sass, adicionando algumas funções e animações para deixar a navegação do usuário mais fluída e intuitiva.
- Interface reativa
- Animações 3D
- Boas práticas Sass/SCSS
Página Discord (Fictícia)
Este projeto nasceu a partir de uma ideia que encontrei em um blog, sugerindo praticar a criatividade desenvolvendo um site sobre algo do cotidiano. Escolhi o Discord e criei um projeto simples, com foco em testar responsividade e explorar até onde eu conseguiria chegar. Foi o primeiro site que desenvolvi do zero e, por isso, considero interessante comparar o que produzi naquela época com o quanto evoluí até hoje.
- Interface simples
- Responsividade desktop / mobile
Sobre mim
Meu nome é Lorran Matheus, sou estudante de Análise e Desenvolvimento de Sistemas pela UNISUAM e tenho grande interesse em desenvolvimento. Sou fascinado por compreender como as coisas funcionam e por transformar ideias em soluções práticas.
Atualmente, foco meus estudos em front-end, explorando conceitos como Sass/SCSS, manipulação do DOM, consumo de APIs, versionamento de código e acessibilidade. Recentemente, iniciei meus estudos em React e busco oportunidades para aplicar esse conhecimento em projetos reais.
Meu objetivo é me tornar um desenvolvedor full-stack, mas atualmente meu foco está em aprender, evoluir e contribuir para projetos que façam a diferença. No tempo livre, gosto de explorar novas ideias e transformar pequenos desafios em aprendizado.
Formação
Análise e Desenvolvimento de Sistemas
07/2024 - Em progresso
Centro Universitário Augusto Motta - UNISUAM
Técnólogo - 3º Período
Cursos
Digital Innovation One - DIO. 02/2025 - 06/2025
No curso de JavaScript, desenvolvi competências em programação voltada para o front-end, entendendo conceitos fundamentais da linguagem e aplicando-os em projetos práticos.
- Manipulação do DOM
- Criação e uso de event listeners
- Controle de formulários
- Uso de localStorage para persistência de dados
- Uso de fetch() para carregamento dinâmico de componentes e páginas
- Implementação de IntersectionObserver para detectar elementos visíveis na tela
- Carrossel/slideshow com classes dinâmicas
- Tratamento de erros e promises em requisições assíncronas
- Estruturação modular com export e import entre arquivos JS
- Uso de condições baseadas em window.innerWidth e matchMedia para adaptar comportamento (mobile vs desktop)
Digital Innovation One - DIO. 07/2025 - 08/2025
Com Sass (SCSS), aprendi a organizar e escalar projetos de estilização através de partials, mixins, variáveis e funções. Isso permitiu estruturar o código de forma modular e reutilizável, facilitando a manutenção e boas práticas. Trabalhei também com media queries organizadas, hierarquia de estilos e metodologias como BEM e ITCSS, otimizando o fluxo de desenvolvimento.
- Uso de variáveis para cores, tamanhos e espaçamentos
- Estruturação em partials para organização modular do código
- Uso de mixins para reutilizar blocos de código
- Aninhamento de seletores para simplificação da sintaxe
- Criação de mapas e loops para gerar classes utilitárias dinamicamente
- Organização de media queries globais e específicas por componente
- Integração do Sass com compilação automática (watch) para CSS otimizado
Digital Innovation One - DIO. 03/2025 - 07/2025
No curso de CSS, aprimorei minha capacidade de criar interfaces modernas e responsivas. Aprofundei meus conhecimentos em layout utilizando Flexbox e Grid, além de aplicar pseudo-classes, animações e boas práticas de organização e reutilização de estilos. Aprendi também a trabalhar com design tokens, variáveis globais e compatibilidade entre navegadores.
- Domínio de seletores avançados e pseudo-classes (:not, :has, :where)
- Uso de Flexbox e Grid Layout para estruturar layouts responsivos
- Criação de componentes reutilizáveis com classes utilitárias (m-1, p-2, etc)
- Aplicação de media queries específicas e globais para diferentes breakpoints
- Uso de transições e animações
- Estilização de formulários
- Organização de CSS com metodologias como BEM e ITCSS
- Criação de carrosséis e modais estilizados
- Controle de elementos “vazando” do container com overflow
Contato
Estou disponível para serviços e novas conexões. Contate-me via e-mail e através das minhas redes sociais.