Skip to content

Commit

Permalink
Website
Browse files Browse the repository at this point in the history
  • Loading branch information
@Deepthi-01997264
Deepthi-01997264 authored Oct 10, 2023
0 parents commit 300c44c
Show file tree
Hide file tree
Showing 2 changed files with 139 additions and 0 deletions.
6 changes: 6 additions & 0 deletions Teaminfo.php
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
Team Info:
Nandani Mavani - n.mavani001@umb.edu
Sai Kumar Agam - Saikumar.Agam001@umb.edu
Sai Harshith Chinta - s.chinta002@umb.edu
Sruthi Damera - Sruthi.damera001@umb.edu
Sai Deepthi Maganti - S.maganti001@umb.edu
133 changes: 133 additions & 0 deletions cook book.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,133 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Recipe Share</title>
<link rel="stylesheet" href="css/style.css">
<style>
body {
background-color: rgba(116, 0, 0, 0.062);
background-image: url("https://quickstartcareer.com/wp-content/uploads/2021/07/cooking-1.jpg");
background-repeat: no-repeat;
background-size: cover;
color: white;
font-family: Arial, sans-serif;

}
header {
text-align: center;
text-decoration: underline;
font-family: "Times New Roman", serif;

}
nav ul {
list-style-type: none;
display: flex;
justify-content: space-between;
padding: 0;
background-color: black;
}
nav li {
margin: 0 10px;
}
nav a {
color: white;
text-decoration: none;
}
/* Simple loading animation */
#loading {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
display: flex;
justify-content: center;
align-items: center;
z-index: 9999;
animation: fadeOut 3s forwards;
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
display: none;
}
}

#loading img {
width: 100px;
height: 100px;
}
/* Add margin and styling for text sections */
main {
margin: 20px; /* Adjust margin as needed */
background-color: rgba(0, 0, 0, 0.3); /* Add a subtle background color */
padding: 20px; /* Add padding for spacing */
border-radius: 10px; /* Add rounded corners for a smoother finish */
}

h2 {
font-family: "Arial", sans-serif;
}
</style>
</head>
<body>
<div id="loading">
<img src="https://th.bing.com/th/id/R.cc0f2d417585c1572df8896c130958f8?rik=JgmsMeB%2bCoqzkg&riu=http%3a%2f%2fmedia.giphy.com%2fmedia%2fA5ugHVbuFL3uo%2fgiphy.gif&ehk=Ic%2f2YZyRa1PJFzaka8e6WG3FwaiIaDl%2fzX9XhhuGW9A%3d&risl=&pid=ImgRaw&r=0" alt="Loading...">
</div>
<div id="wrapper">
<nav>
<ul>
<li><a href="cook book.html">Home</a></li>
<li><a href="recipes.php">Recipes</a></li>
<li><a href="addrecipe.php">Add Recipe</a></li>
<li><a href="contact.php">Contact</a></li>
</ul>
</nav>
<header>
<h1>Recipe Share</h1>
</header>
<main>
<h2>Problem Statement</h2>
<p>Despite many cooking enthusiasts and a vast number of recipes available online, there is a need for a centralized and user-friendly platform that encourages active recipe sharing and culinary exploration. The few existing platforms for sharing recipes sometimes fall short of giving users a comprehensive culinary experience. They lack elements that encourage user customization and access to essential nutritional data. Users are thus left in need of a more capable and interesting platform for their culinary research. In light of these limitations, RecipeShare aims to bridge these gaps by offering a platform that not only provides a wide variety of recipes but also prioritizes user customization. By doing so, RecipeShare aims to create a lively and exciting environment where foodies of all skill levels can share, learn about, and celebrate their love for cooking and eating.</p>
</main>
<main>
<h2>User goals:</h2>
<ul>
<li>As a user, I need an intuitive and visually appealing user experience that facilitates the discovery of recipes, their sharing, and modification in a way that is enjoyable for all culinary skill levels.</li>
<li>As a user, I should be able to get tips and tricks to improve existing recipes.</li>
<li>As a user, I need cooking tips, tricks, or instructions that help me to improve my existing recipes.</li>
<li>As a user, I should be able to get feedback and rating for my recipes.</li>
</ul>
</main>
<main>
<h2>Actions</h2>
<ul>
<li>User should be able to register/login to the website</li>
<li>User should be able to upload the recipes on the website. The user can enter different things like title, ingredient list, detailed instructions like cooking time.</li>
<li>User should be able to search the recipe.</li>
<li>User should be able to categorize the recipes like breakfast, lunch, dinner.</li>
<li>User should be able to give feedback on existing recipes.</li>
<li>User should be able to share their favorite recipes on social media platform.</li>
</ul>
</main>
<main>
<h2>Potential Obstacles</h2>
<ul>
<li>User data need to be handled safely in an end-to-end encrypted environment.</li>
<li>As the users grow day by day, we should make sure that our website must be able to handle it and shouldn't affect the website's performance.</li>
<li>Since there are many recipe sharing websites, we should be way more creative and provide additional features to be unique and more captivating.</li>
<li>Plagiarism is one of the main constraints for this recipe sharing website. Even if the recipe is unique, pictures used for the respective dish may be owned by someone else. So, we should be careful with plagiarism and check it more often.</li>
<li>The main constraint to this website will be the User Engagement. If the users don't post the recipes regularly, the website fails to reach its goal. And also, the website must reach a wider audience to make it engaging as the recipes increase.</li>
</ul>
</main>
<footer>
<p>&copy; 2023- Fall CS-615 project</p>
</footer>
</div>
</body>
</html>

0 comments on commit 300c44c

Please sign in to comment.