POKEDEX desde 0 usando la POKEAPI | React + Typescript
Hola Gente de Youtube! Soy Mauro, fullstack developer y hoy les muestro como hacer un proyecto para sus porftfolios o para que practiquen. Usaremos react, typescript, react-router-dom 6.4.3, axios y sass. Espero que les guste, cualquier duda o cosa que les gustaria que suba me lo dejan en los comentario 😁
Si te gustaria ayudarme a mejorar mas el contenido, aca te dejo un link (no es obligatorio)
https://cafecito.app/mauro-vera
El diseño fue realizado por:
https://www.figma.com/@ricardohs
Acá les dejo el link al repo
https://github.com/Mauro069/pokedex-ts
Marcas de Tiempo:
00:00 Demostración del proyecto
00:50 Creamos el proyecto con Vite e instalamos dependencias
02:45 Borramos cosas innecesarias
03:28 Cambiamos el icon y el title
04:00 Creamos el router con react-router-dom 6.4.3
05:45 Estilos globales
06:38 Creamos todas las carpetas
07:45 Creamos las pages
09:20 Componente Home
13:02 Pokemon Context
26:12 Componente PokemonList
28:30 Componente PokemonCard
29:36 Creamos el hook usePokemon
34:20 Seguimos con PokemonCard
36:46 Componente Loader
38:00 Mostramos la lista de pokemons
40:20 Lista de pokemons responsive
41:20 Componente Pagination
43:00 Creamos el hook usePagination y conectamos la paginacion
49:10 Componente PokemonDetail
58:10 Filtros por tipo de pokemon