Recipe App - Client side

YumCards is a small React/Node/Mongo app to share small/quick recipes.

This is a projec from the React21K gorup of the Business College Helsinki

Technologies used

Built with:

• React
• Node.js
• Mongo.db

Setup and usage

NOTE FOR SCHOOL REVIEWERS: Please ping me on Teams and I'll grant you remote access for testing the service.

YOU CAN MAKE USE OF THE test_recipe_and_images.zip FILE IN THE REPO TO ADD NEW RECIPES.

Quick video demo here: https://share.vidyard.com/watch/8MAtWFAUNE1wdYNBvmSCT1?

For local testing:

**NOTE: LOCAL TESTING MIGHT BE QUITE COMPLICATED DUE TO THE DEPENDENCIES AND THE PROCESS IS NOT YET DOCUMENTED.

• As the backend is not live, you would need to install also the Server-side project an its dependencies: https://github.com/aortizpalma/recipeapp_server_side
• Install Nodemon (https://www.npmjs.com/package/nodemon) and run it localhost port 5000
• connect to a valid Mongo.db cluster

Screenshot

Sources

Packages used:

• Material UI core
• Material UI icons
• Axios
• Moment
• React file base64
• React-redux
• React router dom

Authors and acknowledgment

Alfonso Ortiz Palma Junco

• GitHub @aortizpalma
• LinkedIn