Todos os Projetos - Alexander Bueno Santiago

buscador de CEPs

Este projeto foi desenvolvido como um exercício prático de consumo de APIs externas com React. A aplicação permite que os usuários consultem informações feitas de endereços brasileiros através do CEP (Código de Endereçamento Postal).

React JavaScript Css3 API ViaCEP Vite

Demo Código

Formulario com ZOD

Este projeto foi criado como parte de um exercício prático para aprender e implementar validações de formulário utilizando Zod. O objetivo é garantir que os dados inseridos pelo usuário sejam validados de forma segura e eficiente antes de serem processados.

TypeScript HTML5 Vite CSS3 ZOD

Demo Código

LuxeStore

LuxeStore é uma aplicação web moderna de e-commerce desenvolvida com React, TypeScript e TailwindCSS, consumindo a Fake Store API para exibir produtos de forma elegante e interativa. Este projeto foi desenvolvido como um exercício de integração com APIs, demonstrando boas práticas de desenvolvimento frontend e design moderno.

React TypeScript Vite TailwindCSS Lucide React Fake Store API ESLint PostCSS

Demo Código

Visualizador de Perfil do GitHub

Este projeto foi desenvolvido como exercício do curso DevQuest 2.0, com o objetivo de praticar conceitos de consumo de APIs, manipulação do DOM e desenvolvimento de interfaces responsivas. A aplicação utiliza a API pública do GitHub para buscar dados de usuários e exibir informações de forma organizada como avatar, bio, seguidores e os 10 repositórios

JavaScript API do GitHub HTML5 CSS3 buscar-api

Demo Código

TODO-LIST

About Uma aplicação de lista de tarefas (TodoList) desenvolvida em React com funcionalidade de remoção de tarefas individuais. Projeto simples e intuitivo para gerenciar suas tarefas diárias.

React Vite Lucide React CSS3

Demo Código

formulario de texto

Projeto de estudo desenvolvido para praticar os conceitos fundamentais de React, focando em gerenciamento de estado com usoStatee manipulação de eventos.

React Vite CSS3

Demo Código

formulario de login

Projeto de estudo desenvolvido para praticar a criação de interfaces visuais utilizando TailwindCSS . Este formulário de login foi criado seguindo um guia de estilos específico, aplicando classes utilitárias para núcleos, espaçamento, bordas e tipografia

HTML5 TailwindCSS Node.js

Demo Código

Exercicio de Props em React

Projeto desenvolvido para praticar o conceito de Props em React. O objetivo é entender como passar informações do componente pai para o componente filho, criando componentes reutilizáveis.

React Vite CSS Inline

Demo Código

Contador com Limite Personalizado

Contador-com-Limite-Personalizado-React

Um contador interativo desenvolvido em React que permite ao usuário definir valores iniciais e máximos, com controles de incremento e decremento.

React Vite CSS3 JavaScript

Demo Código

Card

Este é um exercício prático de TailwindCSS onde desenvolve um cartão de produto responsivo e moderno. O objetivo foi aplicar aulas utilitárias para estilização, mantendo a fidelidade ao design proposto e reforçando conceitos como núcleos, tipografia, arredondamento e componentização.

HTML5 Tailwind CSS CDN Tailwind

Demo Código

Pitadas & Descobertas

Pitadas & Descobertas é uma aplicação web que oferece um catálogo completo de receitas culinárias, permitindo aos usuários descobrir, pesquisar e filtrar receitas por categorias. O projeto utiliza a API TheMealDB para fornecer uma ampla variedade de receitas internacionais com regulamentos específicos, ingredientes e instruções de preparo.

HTML5 CSS3 JavaScript TheMealDB API

Demo Código

Gerador de Paletas de Cores

Uma aplicação web moderna e intuitiva para gerar paletas de cores harmoniosas baseadas na teoria das cores.

HTML5 CSS3 JavaScript

Demo Código

Conversor de Moedas

Uma aplicação web moderna e responsiva para conversão de moedas em tempo real, desenvolvida com JavaScript vanilla, HTML5 e CSS3.

HTML5 CSS3 JavaScript ExchangeRate-API CurrencyAPI

Demo Código

Gerador de senhas

Um aplicativo web moderno e seguro para gerar senhas solicitadas com alta entropia, desenvolvido com HTML5, CSS3 e JavaScript vanilla.

HTML5 CSS3 JavaScript

Demo Código

CineMatch

CineMatch é uma aplicação web inteligente que utiliza Inteligência Artificial para recomendar filmes personalizados baseados no humor, sentimentos ou preferências do usuário. Desenvolvido durante a Imersão Dev do Futuro , o projeto combina tecnologias modernas para criar uma experiência única de descoberta científica.

HTML5 CSS3 JavaScript N8N IA

Demo Código

Spider-Man Multiverses

Homem Aranha Multiversos

Uma aplicação web interativa que celebra o universo cinematográfico do Homem-Aranha, apresentando os diferentes atores e suas interpretações icônicas do personagem ao longo dos anos.

HTML5 CSS3 JavaScript Responsivo

Demo Código

Mundo Invertido

Uma experiência web imersiva inspirada na série Stranger Things, onde os usuários podem alternar entre o mundo normal e o mundo invertido, explorando diferentes visuais, sons e interações.

HTML5 CSS3 JavaScript Animações

Demo Código

BarberLess

Uma aplicação web moderna e responsiva para a barbearia Barber Less, localizada em São Paulo. O projeto oferece uma interface intuitiva para visualização de serviços, profissionais e agendamentos via WhatsApp.

HTML5 CSS3 JavaScript WhatsApp API

Demo Código

Portfólio

Portfólio Pessoal

Meu portfólio pessoal desenvolvido com foco em performance, acessibilidade e design moderno. Apresenta meus projetos, habilidades e certificações de forma interativa.

HTML5 CSS3 JavaScript Responsivo JSON Sistema CMS Personalizado Dark Mode

Demo Código

Yu-Gi-Oh

Yu-Gi-Oh Jo-Ken-Po

Um jogo interativo que combina a nostalgia do universo Yu-Gi-Oh com a simplicidade clássica do jogo Pedra, Papel e Tesoura (Jo-Ken-Po). Desafie o computador em duelos épicos usando cartas icônicas do anime!

HTML5 CSS3 JavaScript Game Logic

Demo Código

Piano Virtual

Um simulador de piano interativo desenvolvido com HTML, CSS e JavaScript puro, totalmente responsivo e funcional em dispositivos desktop, tablet e mobile com sons reais de piano.

HTML5 CSS3 JavaScript Web Audio API

Demo Código

Trilha CSS

Trilha de CSS - DIO

Landing page moderna e responsiva desenvolvida para a Trilha de CSS da Digital Innovation One (DIO). O projeto apresenta informações sobre o curso de CSS de forma atrativa e profissional, utilizando técnicas avançadas de CSS e design contemporâneo.

HTML5 CSS3 Flexbox Grid Layout

Demo Código

Detona Ralph

Um jogo inspirado no clássico "Whac-a-Mole" com temática do personagem Ralph do filme da Disney. O objetivo é clicar no Ralph sempre que ele aparecer em uma das janelas, acumulando pontos antes que o tempo acabe.

HTML5 CSS3 JavaScript Game Timer

Demo Código

Jogo da Memória

Um jogo da memória interativo desenvolvido com HTML, CSS e JavaScript vanilla. O objetivo é encontrar todos os pares de emojis idênticos virando as cartas. Teste sua memória e agilidade!

HTML5 CSS3 JavaScript Logic Game

Demo Código

Pokédex

A Pokédex é uma aplicação web que oferece uma experiência completa para visualizar informações detalhadas dos primeiros 151 Pokémon da primeira geração. Com design responsivo e interface moderna, permite aos usuários explorar características, estatísticas e habilidades de cada Pokémon de forma interativa.

HTML5 CSS3 JavaScript PokéAPI

Demo Código

ONG

ONG Proteção Animal

Um site responsivo e moderno desenvolvido para uma ONG fictícia de proteção animal, focado na promoção de adoção responsável e conscientização sobre bem-estar animal. Interface intuitiva e design emotivo.

HTML5 CSS3 JavaScript UX Design

Demo Código

LojaTech

LojaTech E-commerce

LojaTech é uma aplicação web desenvolvida para demonstrar as funcionalidades essenciais de um e-commerce moderno. O projeto apresenta uma interface limpa e intuitiva, focada na experiência do usuário para compra de produtos tecnológicos.

HTML5 CSS3 JavaScript E-commerce

Demo Código

Cyberpunk

Cibernético

Este projeto foi desenvolvido como parte da Semana do Desenvolvedor promovida pela DevQuest. A proposta era criar uma interface interativa e responsiva que exibisse personagens fictícios com visual cyberpunk, permitindo ao usuário alternar entre eles dinamicamente.

HTML5 CSS3 JavaScript Cyberpunk UI

Demo Código

Todos os Meus Projetos

buscador de CEPs

Formulario com ZOD

LuxeStore

Visualizador de Perfil do GitHub

TODO-LIST

formulario de texto

formulario de login

Exercicio de Props em React

Contador-com-Limite-Personalizado-React

Card

Pitadas & Descobertas

Gerador de Paletas de Cores

Conversor de Moedas

Gerador de senhas

CineMatch

Homem Aranha Multiversos

Mundo Invertido

BarberLess

Portfólio Pessoal

Yu-Gi-Oh Jo-Ken-Po

Piano Virtual

Trilha de CSS - DIO

Detona Ralph

Jogo da Memória

Pokédex

ONG Proteção Animal

LojaTech E-commerce

Cibernético