Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/harukaionasao/titandev

Versão alternativa do projeto base do Dev em Dobro 2024
https://github.com/harukaionasao/titandev

devemdobro pokedevs

Last synced: 20 days ago
JSON representation

Versão alternativa do projeto base do Dev em Dobro 2024

Awesome Lists containing this project

README

        

# 🌌 Titãs Primordiais 🌌

Bem-vindo ao projeto **Titãs Primordiais**, uma aplicação interativa que apresenta os nove titãs do universo de *Attack on Titan* (Shingeki no Kyojin). Aqui você pode explorar as habilidades, portadores e muito mais sobre cada titã! 💪
Projeto realizado na semana dev do Dev em dobro em 2024. Link: titandev.netlify.app/

## 📦 Recursos do Projeto

- Exibição dos **Nove Titãs** com suas respectivas habilidades e portadores.
- Interação dinâmica com a lista de titãs: ao passar o mouse, você pode visualizar informações detalhadas sobre cada titã. 🖱️
- Links para vídeos que oferecem mais informações sobre cada titã. 🎥
- Design responsivo e estilizado com CSS para uma melhor experiência do usuário. 🎨

## 🚀 Como Usar

1. **Clone o repositório**:
```bash
git clone https://github.com/seu-usuario/titas-primordiais.git


### Lembrete
- Substitua `https://github.com/seu-usuario/titas-primordiais.git` pelo link do seu repositório.
- Adapte qualquer parte do README conforme necessário para se adequar ao seu estilo e às especificidades do seu projeto.

2. **Navegue até o diretório do projeto**:
```bash
cd titas-primordiais

3. **Abra o arquivo** [index.html] em seu navegador 🌐 para visualizar a aplicação.

📚 Estrutura do Projeto
```css
titas-primordiais/

├── src/
│ ├── css/
│ │ ├── cards.css
│ │ ├── reset.css
│ │ ├── root.css
│ │ └── style.css
│ ├── images/
│ │ ├── blidado.png
│ │ ├── Carroceiro.png
│ │ ├── colossal.png
│ │ ├── eren.png
│ │ ├── femea.png
│ │ ├── fundador.png
│ │ ├── martelo.png
│ │ ├── mandibula.png
│ │ └── bestial.png
│ └── js/
│ └── script.js

└── index.html

🛠️ **Tecnologias Utilizadas**
* HTML5: Estrutura básica da aplicação.
* CSS3: Estilo e layout.
* JavaScript: Funcionalidade interativa e manipulação do DOM.