Skip to content

fernando8alvarez/My-PI-Food

Repository files navigation

De que trata la app

Se trata de una pequeña aplicación en la que las personas pueden buscar alguna receta saludable de comida la cual quiera cocinar o preparar, en ella podrar filtrar la busqueda ya sea por nombre, tipo de dieta, nivel de salud, asi como también se podra ordenar las recetas alfabeticamente o por nivel de salud para una mejor busqueda, por otro lado al darle click alguna receta, en ella podra ver más detalles de la misma, asi como un resumen, los tipos de dietas asociados, y lo pasos a seguir para su realización. Por último podrá registra una receta a traves de un formulario para postearlo en la página.

Deploy y API

Tecnologías y herramientas usadas

Vista previa de la app

  • Landing page: Carta de presentación y logo de la aplicación.

  • Loading: para que el usuario sepa que se esta cargando la información.

  • Home: parte central de la app donde se muestran los distintos tipos de recetas, la barra de busqueda, filtros y el control del paginado.

  • Filtros: muestra del filtrado por nivel de salud de la receta, notemos que las recetas tienen un nivel 2 de salud.

  • Detalle receta: muestra informacion mas detallada de la receta, como un resumen de la misma, ingredientes, tipo de dieta asociada, nivel de salud y pasos a eguir para su elaboración.

  • Formulario: formulario para la creación y publicación de una receta

Ejecución local de la aplicación

Front-end

- npm install
- npm start

Back-end

- npm install
- npm start

Variables de entorno

- DB_USER="Su usuario de postgres"
- DB_PASSWORD="Contraseña de postgres"
- DB_HOST=localhost
- API_KEY="Api key de spoonacular"

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published