Odin Recipes

CRUD application built with Express.

Description

I created this web app for The Odin Project Inventory Application assignment. The task was to create a CRUD application with an Express backend and MongoDB database to manage an inventory of items and categories.

Project Objectives

• All CRUD actions for both items and categories
• MongoDB database with mongoose for models
• Protect destructive actions (edit, delete) with an admin password
• Server-side form validation with express-validator
• Views in any Express.js templating engine
• Image upload with multer

Usage

Visit the live site at odin-recipes.onrender.com to view the recipes and categories or add new ones.

Note: the free tier Render web service is sometimes very slow to spin up, but will be snappy once started.

Features

• User-friendly forms with informative error messages, automatic list creation, and image preview
• Uploaded images initially served from the filesystem for a responsive authoring experience
• Images are then saved and served from Cloudinary for persistent storage on hosting platforms with ephemeral storage
• Mobile-responsive

Demo

Technologies used

• Express
• MongoDB
• Mongoose MongoDB ODM for Node.js
• express-validator Express middleware for validation and sanitization
• multer Node.js middleware for handling multipart/form-data
• Cloudinary Node SDK Cloudinary integration for Node.js
• EJS (Embedded JavaScript) View templating engine
• Render Cloud application hosting