Skip to content

Javascript2 week2/soheib #2

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
siderdk wants to merge 3 commits into
base: main
Choose a base branch
from
Open

Javascript2 week2/soheib #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
5debab0
link css and asset folder and prepare for next phase
siderdk Jan 6, 2025
12ea20a
adjust project description
siderdk Jan 6, 2025
e56598c
add search and timer features, add local storage feature
siderdk Jan 10, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,6 @@ Tweat 🍴✨

Tweat is a modern recipe web app designed to make your cooking experience delightful and personal. Explore a collection of built-in recipes for inspiration, and easily add your own creations to build a customized recipe book. Whether you're a home chef or a foodie, Tweat helps you organize, discover, and share your culinary ideas with ease.

Tweat, is not an homonym of the old "tweet", but is a fast way to say "To Eat!"
Tweat, is not an homonym of the old "tweet", but is a "tweak" and a fast way to say "To Eat!" ;)

The pitch is simple, and techy people should get it right away: Tweat, is the git of the kitchen. How? you may say. It's easy: You browse recipes, then you choose one or more, at first we aggregate ingredients, and pre-cooked elements (equivalent to staging), then once that is done, we move to the execution stage (the commit).
46 changes: 31 additions & 15 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,29 +3,45 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./styles.css">
<title>Tweat</title>
</head>
</head rel=>
<body>
<section class="top">

<div class="time-counter">
<p>You have spent <span class="time-count"></span> <span class="duration-unit"></span> here</p>
</div>
<div class="timer-container">
<p>Make a timer for less than 60min</p>
<label>
<input type="number" max="59" min="1" class="time-amount-input"><button class="set-timer-btn">set</button>
<p class="timer-state"></p>
</label>
</div>
</section>
<section class="main">

<div class="builtinRecipes">
<div class="recipeCard">
<h3 class="recipe_name"></h3>
<img src="" class="recipeImg" alt="recipe illustration">
<ul class="ingredientsList">

</ul>
<p class="cookingSteps">

</p>
</div>
<div class="recipesContainer">

</div>
<section class="userInput">
<div class="create_recipes">
<button class="addRecipeButton">Add a recipe</button>

</div>
</section class="search-section">
<div class="search-bar">
<label>
<input type="text" class="keyword-seach-input" placeholder="Search by keyword">
</label>
<button class="keyword-search-btn">find</button>
<label>
Or, search by number of ingredients <input type="number" min="5" max="20" class="number-seach-input">
</label>
<button class="ingr-nbr-find-btn">find</button>

</div>

<div class="search-results">

</div>

Expand All @@ -34,6 +50,6 @@ <h3 class="recipe_name"></h3>

</section>

<script src="scripts.js"></script>
<script src="script.js"></script>
</body>
</html>
Loading