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

https://github.com/eduardoflorenciano/pokeland

Projeto Front-End utilizando a API PokeAPI.
https://github.com/eduardoflorenciano/pokeland

api balsamiq css figma git github html javascript

Last synced: 3 months ago
JSON representation

Projeto Front-End utilizando a API PokeAPI.

Awesome Lists containing this project

README

          

# 🎮 Pokéland - Pokédex Interativa

Este repositório contém o desenvolvimento de uma aplicação front-end que consome a **[PokéAPI](https://pokeapi.co/)** para exibir informações sobre Pokémon de forma interativa e amigável ao usuário.
O projeto foi elaborado em equipe, passando por todas as etapas de levantamento de requisitos, prototipação e implementação.

## 📑 Etapas do Desenvolvimento

- **Organização da equipe:** [Trello](https://trello.com/pt-BR?campaign=19269516466&adgroup=148159506607&targetid=kwd-3609071522&matchtype=e&network=g&device=c&device_model=&creative=641463051732&keyword=trello&placement=&target=&ds_eid=700000001557344&ds_e1=GOOGLE&gad_source=1&gad_campaignid=19269516466&gbraid=0AAAAADMO9Yh_2s_CZWfKXT3O60r1HXI3U&gclid=CjwKCAjw89jGBhB0EiwA2o1On4EvlYtPeimtW5DHRGvAVxvLp82SORRz4YCI7vORizDm-n3RUnlt7BoCF-0QAvD_BwE)
- **Metodologias ágeis:** Scrum e Kanban
- **Levantamento de requisitos:** [Google Docs](https://docs.google.com/)
- **Diagrama de caso de uso:** [Miro](https://miro.com/)
- **Protótipo de baixa fidelidade:** [Balsamiq](https://balsamiq.com/)
- **Protótipo de alta fidelidade:** [Figma](https://figma.com/)
- **Implementação:** HTML, CSS e JavaScript
- **Versionamento de código:** Git e GitHub
- **Integração com API:** [PokéAPI](https://pokeapi.co/)

## 🚀 Tecnologias Utilizadas

![HTML5](https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=fff)
![CSS3](https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=fff)
![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge&logo=javascript&logoColor=000)
![PokéAPI](https://img.shields.io/badge/PokéAPI-DC0A2D?style=for-the-badge&logo=pokemon&logoColor=fff)

## 🎯 Funcionalidades
- 🔍 Busca por nome ou número
- 📊 Detalhes completos (tipos, stats, habilidades)
- 📱 100% Responsivo
- ♿ Acessível (ARIA)
- ⚡ Performance otimizada

## 📂 Estrutura do Projeto
`assets/`: Pasta que guarda os arquivos de imagens, .html, .css e .js

`img/`: Pasta que guarda as imagens

`index.html`: Estrutura principal da aplicação

`style.css`: Estilos globais

`script.js`: Lógica da aplicação (API + interatividade)

## 🧑‍💻 Equipe de Desenvolvimento

- **Bruno Gabriel Franceschini dos Santos**
- **Eduardo Florenciano dos Santos**
- **Lucas Eduardo Zarza de Barros**
- **Vittor Eduardo Flores Moreno**

## 📸 Protótipos

- **Levantamento de requisitos e baixa fidelidade (Google Docs):** [Google Docs](https://docs.google.com/document/d/1a01eupsQJX5InngltC15DjfshqzSDN5savcsSzDF9hg/edit?tab=t.0#heading=h.6hed4ebl5tqu)
- **Alta fidelidade (Figma):** [Figma](https://www.figma.com/design/Ighs8pXKz0jRcBaSthGvFf/APRESENTA%C3%87%C3%83O-POK%C3%89LAND?node-id=3331-91&t=ZZwATGaLnL5lzs9P-0)