Skip to content
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.

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

Bianka - recipe project #20

Open
wants to merge 39 commits into
base: main
Choose a base branch
from
Open
Changes from 1 commit
Commits
Show all changes
39 commits
Select commit Hold shift + click to select a range
2ce1a87
initial files
Bianka2112 Feb 26, 2025
e8d7009
initial html and minor css content
Bianka2112 Feb 26, 2025
43ffebe
cards, css
Bianka2112 Feb 26, 2025
8885b47
js code
Bianka2112 Feb 27, 2025
2877a08
readme deploy link
Bianka2112 Feb 27, 2025
c34a063
added recipes in JS
Bianka2112 Mar 6, 2025
abe1058
added cards from JS
Bianka2112 Mar 6, 2025
99c2dc0
update dynamic recipe cards
Bianka2112 Mar 6, 2025
c5e6e0f
fix filter and sort
Bianka2112 Mar 6, 2025
c80a00c
update btns, clean code
Bianka2112 Mar 6, 2025
358e60c
clear btns, active btns
Bianka2112 Mar 7, 2025
adb6088
random button html css
Bianka2112 Mar 11, 2025
11faf5e
random btn works, finally
Bianka2112 Mar 11, 2025
0672636
match format random btn
Bianka2112 Mar 11, 2025
d889815
random btn works with api
Bianka2112 Mar 12, 2025
4c3e7a3
js code cleanup
Bianka2112 Mar 12, 2025
14d4d6c
to-do added
Bianka2112 Mar 12, 2025
b0ac052
update filter btns JS code
Bianka2112 Mar 12, 2025
e1bd646
filter btns code cleanup
Bianka2112 Mar 12, 2025
72c84cd
small code clean btns
Bianka2112 Mar 12, 2025
afbf69c
all recipes and ingred load randomly, woo.
Bianka2112 Mar 13, 2025
455fad7
added local storage, broke everything else
Bianka2112 Mar 13, 2025
b109792
random btn works with local storage
Bianka2112 Mar 13, 2025
78d0db2
code clean up
Bianka2112 Mar 13, 2025
3711c2f
filter, sort, all and random work, so far
Bianka2112 Mar 14, 2025
18775ec
all btns take active state and clear others, woo
Bianka2112 Mar 14, 2025
993c668
everything should work, api fails only once and then pulls only saved…
Bianka2112 Mar 14, 2025
f56f24c
parseError removed
Bianka2112 Mar 14, 2025
d7c1584
btn css tweak
Bianka2112 Mar 14, 2025
a7fec16
test
Bianka2112 Mar 14, 2025
14c2939
backup data should load when api fails
Bianka2112 Mar 14, 2025
21c50dc
test random btn working?
Bianka2112 Mar 14, 2025
98c3518
fixed apikey outside of url
Bianka2112 Mar 23, 2025
1918535
cleaned up all recipes fetch, error msgs.
Bianka2112 Mar 23, 2025
ad30dc8
fixed random btn array name, now it works as normal
Bianka2112 Mar 23, 2025
8d46fea
cleanup console.log
Bianka2112 Mar 23, 2025
3cbbee2
replaced complexURL to randomURL for all recipes, added a filter afte…
Bianka2112 Mar 23, 2025
06b550f
rewrote filter & sort btns fx for cleaner code, fixed no-image fallback
Bianka2112 Mar 23, 2025
01765bd
tested and approved if api fails, backup data and error msgs
Bianka2112 Mar 23, 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
Next Next commit
initial files
Bianka2112 committed Feb 26, 2025
commit 2ce1a87b76c002bc226f91709c62bcf75057d263
43 changes: 43 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,43 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.cdnfonts.com/css/futura-std-4" rel="stylesheet">
<link rel="stylesheet" href="./style.css">
<title>Recipe Library Project</title>
</head>
<body>
<header>
<h1>Recipe Library</h1>
</header>

<main>
<form>
<h2>Filter Items</h2>
</form>

<form>
<h2>Sort Items</h2>
</form>

<div class="grid-container">
<article class="recipe-cards">
<img
src=""
alt="">
<h3>Temporary placeholder reciper</h3>
<section class="details">

</section>
<section class="ingredients">

</section>

</article>
</div>
</main>

<script src="./script.js"></script>
</body>
</html>
Empty file added script.js
Empty file.
7 changes: 7 additions & 0 deletions style.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
/* Global settings */

body {
margin: 0;
box-sizing: border-box;
background-color: #FAFBFF;
}