Este repositório reúne projetos que exploram conceitos fundamentais de desenvolvimento web, utilizando HTML5, CSS3, JavaScript, Node.js e React. Cada projeto apresenta uma aplicação prática dessas tecnologias, desde manipulação de variáveis até a criação de interfaces dinâmicas e interativas. O portfólio documenta meu progresso no aprendizado e aplicação dessas tecnologias, destacando projetos que demonstram habilidades em frontend e backend.
Desenvolvi um clone da interface do Spotify, criando o frontend com HTML, CSS e React e o backend com Node.js. Esse projeto enfatiza a construção de componentes reutilizáveis, integração com APIs e estilização responsiva. Confira o repositório para mais detalhes!
E logo abaixo, está a lista de cada projeto com seu respectivo resumo. Sinta-se à vontade para explorar mais sobre demonstrações, resultados e outros detalhes!
Recriação da interface do Spotify com duas versões distintas, utilizando tecnologias modernas para desenvolvimento web e foco em responsividade e experiência do usuário.
- Tecnologias:
- Versão 1: HTML, CSS, JavaScript, JSON Server
- Versão 2: React, Vite, Styled Components, React Hooks
- Funcionalidades:
- Exibição dinâmica de artistas consumindo API fake.
- Saudação automática baseada no horário do dia.
- Sidebar funcional simulando a navegação do Spotify.
- Design responsivo adaptado para diferentes dispositivos.
- Melhor modularização e reutilização de componentes na versão React.
Aplicação backend para gerenciar posts com suporte a upload de imagens e geração automática de descrições, utilizando IA e banco de dados MongoDB.
- Tecnologias: Node.js, Express, MongoDB, Multer, Gemini Service
- Funcionalidades:
- CRUD de posts.
- Upload e atualização de imagens.
- Geração de descrições automáticas para acessibilidade.
Este é um jogo de adivinhação em JavaScript no qual o usuário tenta acertar um número secreto gerado aleatoriamente dentro de um intervalo específico. O jogo oferece dicas, ajudando o jogador a se aproximar do número correto. Este projeto é uma versão aprimorada do "Mentalista", um exercício criado durante uma imersão da Alura, com melhorias na lógica e na interatividade para tornar o jogo mais envolvente.
- Tecnologias: HTML, CSS, JavaScript
- Funcionalidades:
- Geração de um número secreto aleatório.
- Orientação ao usuário, indicando se o número secreto é maior ou menor que o chute.
- Contagem de tentativas e exibição do número total de tentativas ao final.
Neste projeto, foi criada uma calculadora de média para calcular o desempenho do usuário com base nas notas de cada bimestre. Os principais objetivos foram explorar o conceito de variáveis e realizar operações aritméticas em JavaScript.
- Tecnologias: HTML, CSS, JavaScript
- Funcionalidades:
- Captura do nome do usuário e notas de cada bimestre.
- Cálculo e exibição da média final arredondada.
O Conversor de Moeda foi desenvolvido para converter valores entre diferentes moedas, permitindo que o usuário insira a taxa de conversão e o valor desejado. Este projeto enfatizou a manipulação de valores e a criação de interfaces dinâmicas com JavaScript.
- Tecnologias: HTML, CSS, JavaScript
- Funcionalidades:
- Seleção das moedas de origem e destino.
- Entrada da taxa de conversão e valor a ser convertido.
- Exibição do valor convertido com base nos dados inseridos pelo usuário.
O jogo Mentalista é uma aplicação interativa onde o programa escolhe um número aleatório, e o usuário tenta adivinhar o número correto. Este projeto introduziu conceitos de lógica condicional e manipulação de eventos em JavaScript.
- Tecnologias: HTML, CSS, JavaScript
- Funcionalidades:
- Geração de um número aleatório entre 0 e 10.
- Validação de tentativas do usuário até que o número correto seja acertado.
- Exibição de mensagens de feedback para orientar o usuário durante o jogo.
Acesse os arquivos disponíveis na pasta
