triciopa / recipes-app

Web application to browse for recipes and diets.

Individual Project - Food recipes browser

*** This project is deployed HERE ***

Also can see a tour inside this app, following the next video:

Video URL: https://www.youtube.com/watch?v=zNpAxib4T9Y

How to use

1. Sign up in Spoonacular to retrieve an API Key
2. Create a PostgreSQL database named as you please.
3. Create an .env file inside /api with the following:

DB_USER = [your_user];
DB_PASS = [your_pass];
DB_HOST = localhost; // that's how you run this project in your local machine
DB_PORT = 5432; // this is the default port in postgress, but maybe you've chosen another
DB_NAME = [your_database_name];
API_KEY = [spoonacular_api_key];

4. Install node modules with "npm i" in both directories /api and /client.
5. Start both with "npm start"

Extra: Also you can test both /api and /client with "npm test"

Main features

Web Application based in:

• React.js and Redux.js (Front-end)
• Node.js and Express.js (Back-end)
• PostgreSQL & Sequelize (Database).

Objectives

• Apply best practices.
• Learn to handle the Git workflow.
• Learn and use testing.

Functionalities

• Search for recipes
• Filter by diet
• Crear nuevas recetas propias

API

This project has its own database, nevertheless it consumes also an external API: Spoonacular

• GET https://api.spoonacular.com/recipes/complexSearch
• GET https://api.spoonacular.com/recipes/{id}/information

Structure

Technologies

• React.js
• Redux.js
• CSS
• Express.js
• Node.js
• PostgreSQL
• Sequelize
• Mocha, Chai & Enzyme

Frontend

• Landing Page
• Search Bar
• Catalogue (with filters, order and pagination)
• Recipe detail template
• Creation form

Testing

• Mocha
• Chai
• Supertest
• Enzyme
• Chai-enzyme
• Redux Mock store