PROJECT POKEDEX - Dev em Dobro

Hello there! 👋 Attention 👮 ⚠️

This readme has two versions, english and portuguese, if you want to read in portuguese click HERE.

Objective

This project has the only objective to learn and practice html, css and javascript.

Introduction

The first thing i need to say is thank you, for Ricardo Dias and Roberto Dias, members for the group "Dev em Dobro".

This project was developed in the event "Mapa-dev-Week" in the channel "Dev em Dobro", where Ricardo and Roberto developed a pokedex, using HTML, CSS and JavaScript.

I watched the whole event, and I was developed the code while watching Ricardo and Roberto explain how to develop the pokedex. After that, I made a few changes and incremented some things in the project, putting my own spice and testing what I could do with the knowledge I learned.

Aplication

We can split the project in two parts. The first part is the pokemon card, where we put pokemon data, like name, number in national dex, type, image, abilitys and stats.

The second part is the list of pokemons, this part has the function of selecting the pokemon we want to see, when we click in one pokemon of the list, the pokemon card for that specific pokemon appear.

Website GIF:

Conclusion

In this project I learned the basic part of front-end, and I'm getting familiar with this type of aplication. I will continue studying and practcing front-end.

I'm providing the website link in the "about" tab.

Thanks for reading, I wish you a great week, see ya. 👋

Versão em português

Objetivo

O único objetivo desse projeto é de aprender e praticar HTML, CSS e JavaScript.

Introdução

A primeira coisa que preciso dizer é obrigado, para os desenvolvedores Ricardo Dias e Roberto Dias, membros do grupo "Dev em Dobro".

Esse projeto foi desenvolvido no evento "Mapa-dev-Week" no canal do youtube "Dev em Dobro", onde o Ricardo e o Roberto desenvolveram uma pokedex, utilizando HTML, CSS e JavaScript.

Eu assisti o evento inteiro, e fui desenvolvendo o código enquanto assistia o Ricardo e o Roberto explicar como desenvolver a pokedex. Depois disso, eu fiz algumas alterações e implementei algumas coisas no projeto, colocando o meu próprio tempero e testando o que eu conseguia fazer com os conhecimentos que eu adquiri.

Aplicação

Nós podemos dividir o projeto em duas partes. A primeira parte é o cartão pokemon, onde nós colocamos as informações dos pokemons, como nome, número listado na national dex, tipo, imagem, habilidades e status.

A segunda parte é a lista de pokemons, essa parte tem a função de selecionar o pokemon que nós queremos ver, quando nós clicamos em um dos pokemons da lista, aparece o cartão pokemon daquele pokemon selecionado.

GIF do website funcionando:

Conclusão

Consegui aprender a parte mais básica do front-end, e aos poucos estou me familiarizando com esse tipo de aplicação, continuarei estudando e praticando o front-end.

Estou disponibilizando o link do website na aba de "about".

Obrigado por ler até aqui, te desejo uma ótima semana, até mais. 👋