CrisCorzo97 / Dogs-Proyect

Bootcamp Challenge

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Dogs

Se trata de un desafío del Bootcamp de Henry. Es una Single Page Application (SPA) basada en TheDogApi, con API y cliente personalizados.

El mismo debía ser preparado en un lapso de 3 semanas utilizando sólo las tecnologías aprendidas en dicho Bootcamp.

Este proyecto es solo una versión inicial, por lo que se puede actualizar en un futuro con nuevas funciones.

El cliente es una aplicación React, con React Router y Redux. API utiliza Express, Sequelize y PostgreSQL como base de datos.

Capturas de pantalla

Landing Landing

Homepage

Homepage

Filtrando

Filtrando

Ordenando por nombre y por peso

Ordenando por nombre y por peso

Buscando

Buscando

Detalles de la raza

Detalles de la raza

Creando una nueva raza

Creating

Pasos para probar la SPA

Configuración de la Base de Datos y el archivo .env

En primer lugar, debe crear una base de datos postgresql. Luego vaya a la carpeta api, cambie el nombre del archivo .example.env a .env, y complete las credenciales de la base de datos.

Ejecutando localmente en modo desarrollador

Para comenzar, simplemente clone el repositorio y ejecute npm install y npm start:

git clone https://github.com/CrisCorzo97/Dogs-Proyect.git

cd ./api
npm install
npm start

cd ../client
npm install
npm start

Nota: Si está ejecutando Windows y tiene problemas con fsevents, ejecute npm install --no-optional que omitirá la instalación de fsevents.

Construcción e implementación en producción

Si desea ejecutar este sitio en producción, debe instalar módulos y luego construir el sitio con npm run build y ejecutarlo con serve:

Linux & MacOS

cd ./client
npm install
npm run build

npm install -g serve
serve -s build

Windows

cd ./client
npm install
npm run build

npm install -g serve
serve -s build

Nota: debe ejecutar npm run build nuevamente cada vez que realice cambios en el sitio.

Lista de acciones a realizar en la SPA

  • Landing
  • Homepage
    • Filtro por raza
    • Ordenar alfabéticamente y por peso
    • Buscar raza/s
    • Filtrar por temperamento
  • Ver detalles de cada raza
  • Crear una nueva raza
    • Imagen personalizable
  • Editar raza
  • Eliminar raza

About

Bootcamp Challenge


Languages

Language:JavaScript 75.5%Language:CSS 20.7%Language:HTML 3.4%Language:Shell 0.4%