Repositório de Estudos

Este repositório reúne diversos projetos desenvolvidos durante meus estudos em desenvolvimento web, abrangendo desde frameworks modernos como Angular até jogos e desafios em JavaScript puro e CSS. Cada pasta representa um projeto independente, com foco em diferentes tecnologias e conceitos.

Projetos

1. angular/angular-blog

• Descrição: Blog desenvolvido em Angular, com páginas de posts, home, navegação, header, footer e consumo de dados em JSON.
• Tecnologia: Angular 16
• Como rodar:
  1. Entre na pasta angular/angular-blog.
  2. Instale as dependências: npm install
  3. Rode o servidor: ng serve
  4. Acesse em: http://localhost:4200

2. angular/angular-diretivas

• Descrição: Projeto Angular para estudo de diretivas e componentes personalizados, como cards e atributos dinâmicos.
• Tecnologia: Angular 16
• Como rodar:
  1. Entre na pasta angular/angular-diretivas.
  2. Instale as dependências: npm install
  3. Rode o servidor: ng serve
  4. Acesse em: http://localhost:4200

3. jogo-da-memoria-javascript

• Descrição: Jogo da memória clássico feito em JavaScript puro, HTML e CSS.
• Tecnologia: JavaScript, HTML, CSS
• Como rodar:
  1. Abra o arquivo index.html no navegador.

4. jogo-de-cartas-do-yu-gi-oh-javascript

• Descrição: Jogo de cartas inspirado em Yu-Gi-Oh! e Jokenpô, criado para explicar conceitos de lógica de programação aplicada a jogos.
• Tecnologia: JavaScript, HTML, CSS
• Como rodar:
  1. Abra o arquivo index.html no navegador.

5. jogo-do-detona-ralph-javascript

• Descrição: Jogo baseado no personagem Detona Ralph, feito em JavaScript, com imagens e sons personalizados.
• Tecnologia: JavaScript, HTML, CSS
• Como rodar:
  1. Abra o arquivo index.html no navegador.

6. pokedex

• Descrição: Pokédex interativa que consome a API de Pokémon, exibindo informações dos pokémons.
• Tecnologia: JavaScript, HTML, CSS
• Como rodar:
  1. Abra o arquivo index.html no navegador.

7. simulador-de-piano-javascript

• Descrição: Simulador de piano virtual, onde cada tecla do teclado toca um som diferente.
• Tecnologia: JavaScript, HTML, CSS
• Como rodar:
  1. Abra o arquivo index.html no navegador.

8. trilha-css-desafio-01

• Descrição: Desafio de CSS para praticar layouts, responsividade e estilização.
• Tecnologia: HTML, CSS
• Como rodar:
  1. Abra o arquivo index.html no navegador.

9. web-components

• Descrição: Projeto de estudo sobre Web Components, com um componente customizado de CardNews.
• Tecnologia: JavaScript (Web Components), HTML, CSS
• Como rodar:
  1. Abra o arquivo index.html no navegador.