Olá.

×

🐍 Jogo da Cobrinha

O projeto "Jogo da Cobrinha" é uma aplicação web desenvolvida com HTML, CSS e JavaScript, inspirada no clássico jogo dos celulares antigos. Criado com o objetivo de proporcionar diversão nos momentos de lazer, o projeto foi destaque e recebeu o prêmio "Baby Dev - Projeto do Mês (Abril)" no curso DevClub.

Principais funcionalidades:

• 🎯 Controle do movimento da cobrinha via teclado e botões mobile.
• 💾 Sistema de recorde com armazenamento local (localStorage).
• 💥 Feedback visual ao perder, com mensagem de Game Over.
• 🧮 Pontuação em tempo real durante o jogo.

Ferramentas utilizadas:

• Html:5: Estruturação da interface do jogo.
• Css: Estilização visual e responsividade.
• JavaScript: Lógica do jogo, controle da cobrinha, geração de alimentos, detecção de colisões e interação com o usuário.

×

📖 Estudando com Fé

Plataforma interativa para estudo do cristianismo com apoio da Inteligência Artificial.
Estudando com Fé é uma plataforma voltada para o estudo do cristianismo, combinando tecnologia e fé.
O projeto conta com um Agente Cristão inteligente, que responde dúvidas e auxilia nos estudos bíblicos, além de oferecer um calendário devocional e um quiz interativo para testar seus conhecimentos.
A plataforma é totalmente responsiva, funcionando perfeitamente em celulares, tablets e desktops.

Principais funcionalidades:

• 📖 Leitura da Palavra de Deus com fácil navegação.
• 🤖 IA cristã para tirar dúvidas e aprofundar o conhecimento bíblico.
• ❓ Quiz para testar e reforçar o aprendizado.
• 📱 Layout responsivo adaptado para diferentes dispositivos.

Ferramentas utilizadas:

• React + Vite: Interface moderna com alta performance e modularidade.
• Tailwind CSS: Estilização eficiente com foco em responsividade e organização.
• JavaScript: Lógica de aplicação, manipulação de dados e renderização dinâmica com React e APIs.
• n8n: Automação e integração da IA com fluxos inteligentes e respostas automatizadas.

×

📊 DevBills

Esta plataforma é uma solução integrada e intuitiva para gerenciar suas finanças pessoais ou empresariais com eficiência e segurança. Desenvolvida para atender desde usuários que desejam organizar suas despesas diárias até pequenas e médias empresas que precisam acompanhar receitas, despesas e fluxo de caixa em tempo real.

Principais funcionalidades:

• 🔐 Autenticação segura com Firebase para proteger seus dados.
• 📊 Dashboard com resumo de receitas, despesas e saldo atualizado.
• 📈🥧 Gráficos dinâmicos (barras e pizza) com visualização dos dados reais.
• 📝 Cadastro e visualização de transações financeiras com facilidade.
• 📱💻 Layout responsivo para desktop, tablet e mobile.

Ferramentas utilizadas:

• React + Vite: Interface moderna com alta performance e modularidade.
• Tailwind CSS: Estilização eficiente, com foco em responsividade e organização.
• TypeScript: Lógica de aplicação, manipulação de dados e renderização dinâmica com React e APIs.

×

🎥 Dev Cine

DevCine é uma aplicação web interativa e moderna que permite aos usuários explorarem um catálogo de filmes, séries e animes.
A plataforma exibe pôsteres, sinopses e dados principais das produções, oferecendo uma navegação fluida e uma interface visual atrativa. Ideal para quem deseja descobrir novos conteúdos ou manter um catálogo visual das suas obras favoritas.

Principais funcionalidades:

• 🔍 Busca de filmes, séries e animes por nome.
• 🔄 Atualização dinâmica dos dados via API.
• 🌟 Página inicial com destaques e lançamentos atualizados.
• 📱💻 Layout responsivo para desktop e mobile, com ótima experiência em todas as telas.

Ferramentas utilizadas:

• React + Vite: Construção da interface com alta performance e modularidade no desenvolvimento.
• Axios: Consumo de APIs externas para exibir dados de filmes, séries e animes.
• Styled-components: Estilização dos componentes com foco em responsividade e organização do CSS.
• JavaScript: Lógica de aplicação, manipulação de dados e renderização dinâmica com React.
• React Router (Route): Responsável pela navegação entre páginas como Home, Filmes, Series e Animes.

×

🍔 Prime Burguer

O Prime Burguer é uma aplicação web moderna e interativa desenvolvida para facilitar a experiência de navegação e pedido de hambúrgueres artesanais. A plataforma permite ao usuário explorar o cardápio, montar seu pedido, adicionar ao carrinho e simular a finalização da compra de forma rápida e intuitiva.

A aplicação é dividida em dois repositórios: um para a interface (front-end) e outro para a API (back-end), permitindo maior escalabilidade e organização do projeto.

Principais funcionalidades:

• 🖼️ Listagem de hambúrgueres, acompanhamentos e bebidas com imagem, nome, descrição e preço.
• 🗂️ Produtos divididos por categorias.
• 🛒 Visualização dos itens selecionados com valor total dinâmico.
• 📋 Interface clara com informações do pedido
• ✏️🗑️ Cadastro, edição e exclusão de produtos.
• 🔐 Estrutura pronta para autenticação de administrador (em desenvolvimento/expansão futura).

Ferramentas utilizadas:

• React + Vite: Construção da interface com alta performance e modularidade no desenvolvimento.
• Axios: Consumo de APIs externas para exibir dados de filmes, séries e animes.
• Styled-components: Estilização dos componentes com foco em responsividade e organização do CSS.
• JavaScript: Lógica de aplicação, manipulação de dados e renderização dinâmica com React.
• Node.js + Express: Criação da API REST para gerenciamento de produtos.
• SQLite: Banco de dados leve e eficiente para persistência local.

Repositórios:

×

🕹️ Projeto Super Mario

Projeto Super Mario é uma aplicação web interativa inspirada no universo do clássico jogo Super Mario. A plataforma oferece uma experiência visual lúdica com ambientação nostálgica. Ideal para quem deseja explorar um exemplo criativo de desenvolvimento front-end com foco em jogos 2D simples.

Principais funcionalidades:

• 🧩 Simplicidade e facilidade de interação.
• 🛠️ Resolver problemas indesejaveis.
• 📱💻 Layout responsivo para diferentes dispositivos.

Ferramentas utilizadas:

• Html:5: Estruturação da interface do jogo.
• Css: Estilização visual e responsividade.
• JavaScript: Transição e movimentação da caixa fale conosco.

×

💱 Conversor de Moedas – Web & Mobile

O Conversor de Moedas é uma aplicação desenvolvida tanto para web quanto para dispositivos móveis, com o objetivo de facilitar a conversão entre diferentes moedas de forma rápida, prática e com uma interface amigável.

Principais funcionalidades:

• ⌨️ Conversão em tempo real ao digitar um valor.
• 🔄 Atualização automática com a taxa de câmbio atual.
• 🌍 Seleção de moeda de origem e destino via dropdown.
• 📱✨ Interface amigável e compatível com dispositivos móveis.

🌐 Versão Web
Uma aplicação simples e responsiva, ideal para uso em navegadores, com foco na leveza e acessibilidade.

Ferramentas utilizadas:

• Html:5: Estruturação da interface do conversor.
• Css: Estilização visual e responsividade.
• JavaScript: Lógica de aplicação, manipulação de dados e renderização dinâmica.

📲 Versão Mobile (React Native + Expo)
Aplicação desenvolvida com foco em experiência mobile, aproveitando os recursos do React Native e a praticidade do Expo para criar um app nativo com excelente performance.

Ferramentas utilizadas:

• React Native:Desenvolvimento multiplataforma: um único código roda em Android e iOS.
• Expo: Rápida configuração de projetos (sem precisar instalar Android Studio ou Xcode no início).
• JavaScript: Lógica de aplicação, manipulação de dados e renderização dinâmica.

Repositórios:

×

🌤️ Previsão do Tempo

O projeto Previsão do Tempo é uma aplicação web simples e intuitiva que exibe informações meteorológicas em tempo real de qualquer cidade do mundo. Utilizando integração com APIs de clima (como OpenWeatherMap), a aplicação permite ao usuário digitar o nome de uma cidade e receber dados atualizados.

Principais funcionalidades:

• ⏱️ Previsão em tempo real.
• 🌡️ Atualização automática da temperatura.
• 🌦️ Condição do tempo (ensolarado, nublado, chuvoso, etc.).
• 💧 Visualização de umidade.

Ferramentas utilizadas:

• Html:5: Estruturação da interface.
• Css: Estilização visual e responsividade.
• JavaScript: Lógica de aplicação, manipulação de dados da API.