Se trata de una Single Page Aplication (SPA) en la cual se pueden listar a todos los distintos pokemones existentes actualmente así como distinta información relacionada a ellos a través de la api externa PokeApi y a partir de ella poder, entre otras cosas:
- Cargar una lista inicial de pokemones (40 por defecto)
- Buscar pokemones
- Crear tu propio pokemón
- Filtrar a los pokemones de la API o creados por el usuario
- Filtrar por tipos de pokemones
- Ordenarlos en orden ascendente/descendente alfabéticamente
- Ver los detalles de cada pokemón
- HTML
- CSS
- JavaScript
- TypeScript (Frontend)
- React
- Redux
- Formik
- Yup
- NodeJs
- Express
- Sequelize - Postgres
Es necesario contar minimamente con la última versión estable de Node y NPM. Asegurarse de contar con ella para poder instalar correctamente las dependecias necesarias para correr el proyecto.
Actualmente las versiónes necesarias son:
- Node: 12.18.3 o mayor
- NPM: 6.14.16 o mayor
Para verificar que versión tienen instalada:
node -v
npm -v
- Clonar el repositorio
- Crear una base de datos en postgres llamada dogs
- El boilerplate cuenta con dos carpetas:
apiyclient. En estas carpetas estará el código del back-end y el front-end respectivamente. - En
apicrear un archivo llamado:.envque tenga la siguiente forma:
DB_USER=usuariodepostgres
DB_PASSWORD=passwordDePostgres
DB_HOST=localhost
- En
clientcrear un archivo llamado:.envque tenga la siguiente forma:
REACT_APP_API=http://localhost:3001 o la URL que apunte al API
Reemplazar usuariodepostgres y passwordDePostgres con tus propias credenciales para conectarte a postgres.
- Ejecutar los siguientes comandos en las carpetas
/apiy/client
npm install
npm start
- Por ultimo abra http://localhost:3000
La app tiene desplegado el backend en Render, la base de datos en ElephantSQL y el frontend en Vercel.
Puedes visitar la app desplegada Acá
Puedes ver el video de prensentación en LinkedIn Acá
⌨️ con ❤️ por dbriceno10 😊