PantryMatch - final project

.gitignore

@@ -1,3 +1,5 @@
+# Ignore Vite/React build output
+frontend/dist/
 node_modules
 .DS_Store
 .env

README.md

@@ -1,13 +1,23 @@
-# Final Project
+# PantryMatch – Final Project
 
-Replace this readme with your own information about your project.
-
-Start by briefly describing the assignment in a sentence or two. Keep it short and to the point.
+PantryMatch is a web app that helps users find recipes based on the ingredients they already have at home. The assignment was to build a fullstack project with user authentication, recipe search, and a modern UI.
 
 ## The problem
 
-Describe how you approached to problem, and what tools and techniques you used to solve it. How did you plan? What technologies did you use? If you had more time, what would be next?
+The challenge was choosing endpoint from Spoonacular adn deciding what parameters I want to use. In the beginning I struggled with making missing and matched ingredients visible. I tried to manually calculate at first, but after experimenting in postman I found the fillIngredients=true parameters that add information about the ingredients and whether they are used or missing in relation to the query. By using postman I solved the struggle and no unnecessary extra code for calculation was needed and also made my code more clean. So in the end I landed on the complex search endpoint 
+
+Technologies used:
+- Backend: Node.js, Express, MongoDB, Mongoose, JWT
+- Frontend: React, Vite, styled-components, react-icons
+
+If I had more time, I would add:
+- Autocomplete a partial input to suggest possible ingredient names.
+- User profiles and recipe ratings
+- Create an add to shopping list for ingredients
+- Pagination or 'more recipes' button 
+- Have the save button stay as saved when re-render so when user searcher for recipes again, they can see if they have already saved the recipe. At the moment there's only an error.
 
 ## View it live
 
-Every project should be deployed somewhere. Be sure to include the link to the deployed project so that the viewer can click around and see what it's all about.
+The project is deployed here:
+[https://pantrymatch.netlify.app/](https://pantrymatch.onrender.com/)

backend/README.md

@@ -1,8 +1,36 @@
-# Backend part of Final Project
+# PantryMatch Backend
 
-This project includes the packages and babel setup for an express server, and is just meant to make things a little simpler to get up and running with.
+This is the backend part of the PantryMatch project.
+The server is built with Express and handles users, recipes, and authentication.
+External API - Spoonacular
 
-## Getting Started
+## Structure
 
-1.  Install the required dependencies using `npm install`.
-2.  Start the development server using `npm run dev`.
+- `server.js` – Main file for the Express server
+- `routes/` – API routes for users and recipes
+- `model/` – Mongoose models for User and Recipe
+- `middleware/` – Middleware for authentication
+
+## API Endpoints
+
+### Users
+- `POST /api/users/signup` – Create a new user
+- `POST /api/users/login` – Log in a user
+
+### Recipes
+- `GET /api/recipes` – Get all recipes
+- `POST /api/recipes` – Create a new recipe
+- `GET /api/recipes/:id` – Get recipe by id
+
+## Environment Variables
+
+Using a `.env` file with :
+```
+MONGO_URL
+Spoonacular API key
+```
+
+## Development
+
+- Nodemon is used for automatic restarts
+- All code is in ES6 modules

backend/middleware/authMiddleware.js

@@ -0,0 +1,23 @@
+import User from "../model/User.js";
+
+const authenticateUser = async (req, res, next) => {
+  try {
+    const user = await User.findOne({
+      accessToken: req.header("Authorization").replace("Bearer ", ""),
+    });
+    if (user) {
+      req.user = user;
+      next();
+    } else {
+      res.status(401).json({
+        message: "Authentication missing or invalid.",
+        loggedOut: true,
+      });
+    }
+  } catch (err) {
+    res
+      .status(500)
+      .json({ message: "Internal server error", error: err.message });
+  }
+};
+export default authenticateUser;

backend/model/Recipe.js

@@ -0,0 +1,47 @@
+import mongoose from "mongoose";
+
+const ingredientSchema = new mongoose.Schema({
+  name: String,
+  amount: Number,
+  unit: String,
+  original: String
+}, { _id: false });
+
+const recipeSchema = new mongoose.Schema({
+  userId: {
+    type: mongoose.Schema.Types.ObjectId,
+    ref: "User",
+    required: true,
+  },
+
+  spoonacularId: {
+    type: Number,
+    required: true,
+  },
+  title: String,
+  image: String,
+  readyInMinutes: Number,
+  servings: Number,
+  extendedIngredients: [ingredientSchema], // detailed ingredient info from Spoonacular
+  instructions: String, // HTML or plain text from Spoonacular
+  createdAt: {
+    type: Date,
+    default: Date.now,
+  },
+
+    analyzedInstructions: [
+      {
+        name: String,
+        steps: [
+          {
+            number: Number,
+            step: String
+          }
+        ]
+      }
+    ],
+});
+
+const Recipe = mongoose.model("Recipe", recipeSchema);
+
+export default Recipe;

backend/model/User.js

@@ -0,0 +1,24 @@
+import mongoose, { Schema } from "mongoose";
+import crypto from "crypto";
+
+const userSchema = new Schema({
+  email: {
+    type: String,
+    required: true,
+    unique: true,
+  },
+  password: {
+    type: String,
+    required: true,
+    minlength: 6,
+  },
+  accessToken: {
+    type: String,
+    required: true,
+    default: () => crypto.randomBytes(128).toString("hex"),
+  },
+})
+
+const User = mongoose.model("User", userSchema);
+
+export default User;

backend/package.json

@@ -6,15 +6,22 @@
     "start": "babel-node server.js",
     "dev": "nodemon server.js --exec babel-node"
   },
-  "author": "",
   "license": "ISC",
+  "author": "",
+  "type": "commonjs",
+  "main": "server.js",
   "dependencies": {
     "@babel/core": "^7.17.9",
     "@babel/node": "^7.16.8",
     "@babel/preset-env": "^7.16.11",
+    "axios": "^1.13.5",
+    "bcrypt": "^6.0.0",
     "cors": "^2.8.5",
-    "express": "^4.17.3",
-    "mongoose": "^8.4.0",
-    "nodemon": "^3.0.1"
+    "dotenv": "^17.2.3",
+    "express": "^4.22.1",
+    "express-list-endpoints": "^7.1.1",
+    "mongodb": "^7.0.0",
+    "mongoose": "^9.1.5",
+    "nodemon": "^3.1.11"
   }
-}
+}