-
Notifications
You must be signed in to change notification settings - Fork 60
Recipe library - Asako #60
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
Open
Appilistus
wants to merge
22
commits into
Technigo:main
Choose a base branch
from
Appilistus:main
base: main
Could not load branches
Branch not found: {{ refName }}
Loading
Could not load tags
Nothing to show
Loading
Are you sure you want to change the base?
Some commits from the old base branch may be removed from the timeline,
and old review comments may become outdated.
Open
Changes from all commits
Commits
Show all changes
22 commits
Select commit
Hold shift + click to select a range
369dbcd
first push
260a92b
add text in placeholder
bf89ff1
add JS
da424cb
fix filter/sort buttons
d1fb109
add filter function
ee3a2c0
add sort function
d510860
fix filter/sort functions
2109833
add search form
436840a
add like button
848a6d0
add search function
b54b8f4
add API
dc5ac83
add backup recipes
2f46629
add like function
43d5cec
fix bug
0087c9a
fix search function
d1d11c7
fix search function
55e46a6
add README
0a96a17
change api to complexSearch
0da1123
fix bug
dd4332b
add link to README
1574775
fix bug
2da5e35
fix bug
File filter
Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
There are no files selected for viewing
Binary file not shown.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,3 @@ | ||
| { | ||
| "liveServer.settings.port": 5501 | ||
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1 +1,4 @@ | ||
| # js-project-recipe-library | ||
|
|
||
| Link to letlify: | ||
| https://js-project-recipe-library-site.netlify.app/ |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,83 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <link rel="stylesheet" href="style.css"> | ||
| <title>Recipe Library</title> | ||
| </head> | ||
| <body> | ||
| <header> | ||
| <h1>Recipe Library</h1> | ||
| <div class="favorites">❤️ My favorites</div> | ||
| </header> | ||
| <!-- search field --> | ||
| <form | ||
| action="#" | ||
| class="search-form"> | ||
| <input | ||
| type="text" | ||
| id="text-input" | ||
| placeholder="Find a recipe or ingredient"> | ||
| <button | ||
| type="button" | ||
| class="search-button"> | ||
| <span class="search-emoji">🔍</span> | ||
| </button> | ||
| </form> | ||
|
|
||
| <div class="button-container"> | ||
| <!-- filter on kitchen --> | ||
| <div class="filter-container"> | ||
| <div class="filter"> | ||
| <div class="filter-text"> | ||
| <h3>Filter on kitchen</h3> | ||
| </div> | ||
| </div> | ||
| <div class="filter-buttons"> | ||
| <ul class="filter"> | ||
| <li><button class="filter-btn" id="all">All</button></li> | ||
| <li><button class="filter-btn" id="american">American</button></li> | ||
| <li><button class="filter-btn" id="asian">Asian</button></li> | ||
| <li><button class="filter-btn" id="european">European</button></li> | ||
| <li><button class="filter-btn" id="mexican">Mexican</button></li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| <!-- sort on time --> | ||
| <div class="sort-container"> | ||
| <div class="sort-text"> | ||
| <h3>Sort on time</h3> | ||
| </div> | ||
| <div class="sort-buttons"> | ||
| <ul class="sort"> | ||
| <li><button class="sort-btn" id="desc">Descending</button></li> | ||
| <li><button class="sort-btn" id="asc">Ascending</button></li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| <!-- random recipe --> | ||
| <div class="random-container"> | ||
| <div class="random-text"> | ||
| <h3>Try Random Recipe</h3> | ||
| </div> | ||
| <div class="random-button"> | ||
| <ul class="random"> | ||
| <li> | ||
| <button class="random-btn">Surprise me!</button> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
|
|
||
| </div> | ||
| <!-- articles --> | ||
| <article class="cards"> | ||
| <div id="recipe-container"> | ||
| Loading... | ||
| </div> | ||
| <p id="no-results">Oops... 😣 No recipes found</p> | ||
| </article> | ||
| <script src="script.js"></script> | ||
| </body> | ||
| </html> |
Oops, something went wrong.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Overall great structure, super clean and readable! The naming of elements is great and self-explanatory :) Great work!