This was an individual project creating a full stack app using Express and EJS. I decided to create an app that would be an Instagram for food recipes, you are able to scroll through recipes and add and share your own.

HTML | SCSS | JavaScript (ES6) | MongoDB | Express | EJS | Node.js | Mongoose

This app is deployed on Heroku.

When the app is loaded, you are immediately taken to the login/sign up page. You have to be logged in to view any recipes.

Once logged in you are taken to the homepage of all the recipes. This is a list of every recipe that has been added by all users. Alternatively, you are able to click on the name of the chef below each recipe image to just see recipes made by them.

When adding a recipe the user is given a form to fill in. This consists of the title of the meal, a url for an image, the ingredients and the method.

Once the user has entered all the requirements they can submit it. The ingredients automatically get made into a list, giving a new bullet point for each item by replacing the comma and space. Each ingredient also gets capitalised along with the title of the meal. So each submitted recipe would look something like the screenshot below.

I added a feature so users are able to post comments on a recipe. This enables users to share their feedback and also helps to single out the top recipes based on multiple users' feedback.

Joining the comments I also added a like button so users are able to like their favourite recipes. This feature will also help other users identify the top recipes. I made it so users are also able to click on the number of likes in order to see who the likers are.

I made it so this app would be available for mobiles and tablets as well.

One of the challenges I faced was restricting a user to only being able to like a recipe once. If I had more time, I would have restricted this.

I would like to add an additional feature in which you could enter the ingredients that you have at home and this would filter the recipes down to just the ones which include those ingredients. It could display recipes with only the chosen ingredients first, then display recipes with one extra ingredient, then two and so on.

I would also like to add a section in the current users profile where they can see all the recipes they have liked. This way they can store their favourite recipes and easily come back to them in the future.