P.S.

R ENGINEERING COLLEGE
(An Autonomous Institution, Affiliated to Anna University, Chennai)
SIVAKASI-626 140

A MINI PROJECT REPORT

on

NOURISH NOTEBOOK APPLICATION

Submitted by

M.MALATHI
(Reg .No 95192201050)

In partial fulfillment for the award of the degree Of

BACHELOR OF ENGINEERINGING
COMPUTER SCIENCE AND ENGINEERING

P.S.R. ENGINEERING COLLEGE, SIVAKASI

November 2024
1
 BONAFIDE CERTIFICATE

Certified that this mini project report “NOURISH NOTE BOOK APPLICATION”
is the bonafide work of M.MALATHI (REG.NO 95192201050), who carried out the project
work under my supervision.

SIGNATURE SIGNATURE

Mr. P. GOPALSAMY, M.E., Dr.A.RAMATHILAGAM M.E.,Ph.D.,

SUPERVISOR HEAD OF THE DEPARMENT

Assistant Professor, Professor,

Department of CSE, Department of CSE,

P.S.R Engineering College, P.S.R Engineering College,

Sivakasi-626140. Sivakasi-626140.

Submitted for the Viva -Voce examination held on ……………

INTERNAL EXAMINER EXTERNAL EXAMINER

2
 ACKNOWLEDEMENT

We take this opportunity to all those who helped towards successful completion of this
mini project. At the very outset we thank the almighty for his profuse blessings showered on us.
We thank our beloved parents whose encouragement and support help us to complete our project
successfully.

It is our greatest pleasure to convey our thanks to Thiru R.Solaisamy Correspondent

and Director Er.S.Vigneswari Arunkumar B.Tech., PSR Engineering College, Sivakasi for
providing required facilities and suitable infrastructure to complete our project.

It is our greatest privilege to convey our thanks to Dr.J.S.Senthil kumaar M.E., Ph.D.,
Principal for continuous support to complete our project without hurdles.

We proud profound gratitude to our beloved Head of the Department Dr.A.Ramathilagam,

M.E., Ph.D., Professor for providing ample facilities to complete our project successfully.

We also wish to express our sincere thanks to our project Coordinator

Mrs.P. Gopalsamy , M.E., Assistant Professor for having helped us in all aspects.

We also bound to thanks to all Faulty and Non-teaching staff members of the Department
of Computer Science and Engineering whose support and cooperation also contributed much
to complete this project work.

3
 ABSTRACT

The Recipe Book Application is a user-friendly digital platform that allows

users to explore, store, and manage their favorite recipes. This application aims
to simplify the process of finding and organizing recipes, making cooking
more accessible and enjoyable. The app features an intuitive user interface,
efficient recipe search functionality, and the ability to save, categorize, and edit
recipes. It also includes notifications for scheduled meal plans or reminders to
buy ingredients. By leveraging modern web technologies, the system provides
a responsive and dynamic experience across various devices.

This application allows users to access a diverse collection of recipes, search

for dishes based on ingredients, cuisine, or dietary preferences, and add their
own recipes to create a personal digital cookbook. The app aims to enhance the
cooking experience by providing easy access to recipes and offering a
convenient, user-friendly interface for organizing cooking ideas.

4
 TABLE OF CONTENT

CHAPTER TITLE PAGE NO

No.
4
ABSTRACT
6
1 INTRODUCTION
7
2 SYSTEM ANALYSIS

2.1 EXISTING SYSTEM

2.2 PROPOSED SYSTEM

2.3 OBJECTIVES
8
3 SYSTEM REQUIREMENTS

3.1 HARDWARE REQUIREMENT

3.2 SOFTWARE REQUIREMENT

4 9
MODULES

4.1 USER INTERFACE MODULE

4.2 TASK MANAGEMENT MODULE

4.3 STORAGE MODULE

4.4 NOTIFICATION MODULE MODULE

5 10
IMPLEMENTATION
11
6 RESULT ANALYSIS
7 19
CONCLUSION
8 20
REFERENCES
5
 CHAPTER 1

INTRODUCTION

Cooking enthusiasts often face challenges in organizing recipes and

planning meals. The Recipe Book Application addresses this problem by
providing a centralized digital platform to store and manage recipes
efficiently. The app offers features such as recipe search, ingredient lists,
preparation steps, and notifications for meal planning. The solution also
supports personalized recipe categories and enables users to save their
favorite recipes for quick access. By integrating these functionalities, the
Recipe Book Application aims to simplify the culinary journey for users,
enhancing their cooking experiences.
CHAPTER 2 SYSTEM ANALYSIS

2.1 EXISTING SYSTEM:

• Traditional recipe management involves using physical recipe books,
handwritten notes, or bookmarks on websites.
• These methods are inefficient, making it difficult to search, categorize, or
update recipes.
• Lack of accessibility on-the-go and inability to integrate features like
notifications for meal planning or ingredient shopping.

2.2 PROPOSED SYSTEM:

• The Recipe Book Application offers a digital solution with a user-friendly

interface to search, save, and manage recipes.

• Users can filter recipes by ingredients, cuisine, or dietary preferences.

6
• The app includes features such as recipe categorization, meal planning,
reminders, and notifications.

• Provides cross-platform accessibility, allowing users to access their saved

recipes on desktops, tablets, or smartphones.

OBJECTIVES:

• To create an efficient and accessible platform for managing recipes.

• To simplify meal planning with features like categorized recipe lists and
notifications.
• To provide a responsive and intuitive user interface for enhanced user
experience.

7
 CHAPTER 3

SYSEM REQUIREMENTS

3.1. HARWARE REQUIREMENT:

• Processor: 1.5 GHz or higher
• RAM: 4 GB or more
• Storage: Minimum 500 MB available space
• Display: 1024x768 resolution or higher
3.2. SOFTWARE REQUIREMENTS:
Operating System: Windows, macOS, or Linux
Development Tools: Visual Studio Code, Node.js, npm
Database: MongoDB or SQLite
Front-end: HTML, CSS, JavaScript, React
Back-end: Node.js, Express
API: Spoonacular API (for recipe search)

8
 CHAPTER 4
MODULES

4.1.User Interface Module:

• A responsive front-end interface for viewing, searching, and

adding recipes.
• Dynamic recipe display with filtering options (e.g., cuisine
type, ingredients, dietary restrictions).
• Mobile-friendly design with intuitive navigation.

4.2.Task Management Module:

• Manages user interactions such as searching for recipes, adding

new ones, and editing existing entries.
• Handles user authentication and profile management.
• Integrates with APIs to fetch external recipes and ingredient
lists..
4.3.Storage Module:

• Manages the storage of recipes, categories, and user data using a

database (MongoDB or SQLite).
• Ensures data persistence and efficient retrieval.
• Provides functionality for saving, deleting, and updating recipes
4.4.Notification Module:

• Sends reminders for scheduled meal plans and shopping lists.

• Alerts users about new recipe updates or seasonal recipe suggestions.
• Utilizes services like Firebase Cloud Messaging for push notifications.

9
 CHAPTER 5 IMPLEMENTATION

The Recipe Book Application is implemented using the MERN

(MongoDB, Express, React, Node.js) stack to ensure a robust, scalable,
and efficient solution. The application leverages the Spoonacular API
to fetch recipe data and provides users with the ability to search and
filter recipes based on various criteria. User authentication and
profile management are handled with JWT tokens, ensuring secure
access to personalized recipe lists.

The system uses React for the front end to provide a responsive
interface. The backend is developed with Node.js and Express, while
MongoDB serves as the database for storing user profiles, recipes,
and categories. Firebase is integrated for notification management,
enabling timely alerts for users.

10
Results Analysis:

• The Recipe Book Application has been tested on various devices

to ensure responsiveness and cross-platform compatibility.
• User feedback indicates that the application effectively
simplifies the process of managing recipes and meal planning.
• The search and filter functionalities enhance the user
experience, while notifications keep users on track with their
culinary plans.
• Performance testing shows efficient data retrieval and smooth
interface interactions.

11
SOURCE CODE:

INDEX .HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Recipe Book Application</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Header -->
<header>
<h1>My Recipe Book</h1>
<input type="text" id="search" placeholder="Search recipes..."
onkeyup="searchRecipe()">
</header>

<!-- Add Recipe Form -->

<section id="add-recipe-section">
<h2>Add New Recipe</h2>
<form id="recipe-form" onsubmit="addRecipe(event)">
<input type="text" id="recipe-name" placeholder="Recipe Name"
required>
<textarea id="recipe-ingredients" placeholder="Ingredients
(commaseparated)" required></textarea>
<textarea id="recipe-instructions" placeholder="Instructions"
required></textarea>
<button type="submit">Add Recipe</button>
</form>
</section>

<!-- Recipe List -->

<section id="recipe-list">
<h2>Your Recipes</h2>
<div id="recipes"></div>
</section>

<script src="script.js"></script>
</body>

12
</html>

styles.css:
/* Reset */ * { margin:
0; padding: 0; box-
sizing: border-box;
}

body { font-family: Arial,

sans-serif; background-color:
#f4f4f9; padding: 20px;
display: flex; flex-direction:
column; align-items: center;
}

header { text-align:
center; margin-
bottom: 20px;
}

h1 { color:
#ff6347;
}

#search {
padding: 10px;
width: 80%;
margin-top: 10px;
}

section { width:
100%; max-width:
600px; margin-
bottom: 30px;
}

form {
display: flex; flex-
direction: column;
}

13
input, textarea, button {
margin-bottom: 10px;
padding: 10px; font-size:
1rem;
}

button { background-color:
#ff6347; color: white;
border: none; cursor:
pointer;
}

button:hover { background-
color: #ff4500;
}

#recipes { display:
flex; flex-direction:
column;
}

.recipe-card { background-
color: #fff; border-radius:
8px; padding: 15px;
margin-bottom: 15px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.recipe-card h3 {
color: #333;
}

.recipe-card p { margin-
top: 5px;
}

14
script.js:
// Array to store recipes let
recipes = [];

// Function to add a recipe function

addRecipe(event) {
event.preventDefault();

const name = document.getElementById('recipe-name').value.trim(); const

ingredients = document.getElementById('recipe-ingredients').value.trim(); const
instructions = document.getElementById('recipeinstructions').value.trim();

// Create a new recipe object

const recipe = { name,
ingredients: ingredients.split(',').map(item => item.trim()),
instructions
};

// Add to the recipes array

recipes.push(recipe);

// Reset form fields

document.getElementById('recipe-form').reset();

// Update the recipe list

displayRecipes();
}

// Function to display recipes function

displayRecipes() {
const recipesDiv = document.getElementById('recipes');
recipesDiv.innerHTML = '';

recipes.forEach((recipe, index) => {

const recipeCard = document.createElement('div');
recipeCard.classList.add('recipe-card');

recipeCard.innerHTML = `
<h3>${recipe.name}</h3>
<p><strong>Ingredients:</strong> ${recipe.ingredients.join(', ')}</p>
<p><strong>Instructions:</strong> ${recipe.instructions}</p>
<button onclick="deleteRecipe(${index})">Delete</button>
15
 `;

recipesDiv.appendChild(recipeCard);
});
}

// Function to search recipes function

searchRecipe() {
const query = document.getElementById('search').value.toLowerCase();
const filteredRecipes = recipes.filter(recipe =>
recipe.name.toLowerCase().includes(query) ||
recipe.ingredients.some(ingredient =>
ingredient.toLowerCase().includes(query))
);

displayFilteredRecipes(filteredRecipes);
}

// Function to display filtered recipes function

displayFilteredRecipes(filteredRecipes) { const
recipesDiv = document.getElementById('recipes');
recipesDiv.innerHTML = '';

filteredRecipes.forEach((recipe, index) => {

const recipeCard = document.createElement('div');
recipeCard.classList.add('recipe-card');

recipeCard.innerHTML = `
<h3>${recipe.name}</h3>
<p><strong>Ingredients:</strong> ${recipe.ingredients.join(', ')}</p>
<p><strong>Instructions:</strong> ${recipe.instructions}</p>
<button onclick="deleteRecipe(${index})">Delete</button>
`;

recipesDiv.appendChild(recipeCard);
});
}

// Function to delete a recipe function

deleteRecipe(index) {
recipes.splice(index, 1);
displayRecipes();
}
16
OUTPUT:

17
 CHAPTER 6

CONCLUSION

The Recipe Book Application successfully addresses the limitations of

traditional recipe management by providing a centralized, digital solution
for organizing, searching, and accessing recipes. With its user-friendly
interface, powerful search capabilities, and personalized notifications, the
application enhances the cooking experience for users. Future
improvements could include social sharing features, AI-based recipe
recommendations, and integration with smart kitchen
devices.

18
 CHAPTER 7 REFERENCES

1. Spoonacular API Documentation: https://spoonacular.com/food-api

2. React Documentation: https://react.dev/
3. Node.js Documentation: https://nodejs.org/
4. MongoDB Documentation: https://www.mongodb.com/docs/
5. Firebase Cloud Messaging: https://firebase.google.com/docs/cloudmessagin

19
20 21