Skip to content

Elina, Estefanny & Mika's Library #40

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
wants to merge 14 commits into
base: main
Choose a base branch
from
Open

Elina, Estefanny & Mika's Library #40

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
14 commits
Select commit Hold shift + click to select a range
7e91674
Update README.md
mikaeber Sep 18, 2024
35d025f
mapping over book list and render on html
mikaeber Sep 18, 2024
acb0fd0
task division
mikaeber Sep 18, 2024
757eb89
Added sort - ratings of books
Sep 19, 2024
487a3f7
added filter books by genre with a drop down menu @estefanny
Sep 20, 2024
39152ae
added styling to CSS, flexbox, grid, color, responsiveness
Sep 21, 2024
79e65fa
added styling to dropdown select genre
Sep 21, 2024
8c9a952
Added sorting buttons, styled in CSS and added them to media quieres
Sep 22, 2024
843c015
Added styling to CSS - images and book text centered
Sep 22, 2024
7bde415
added styling and hover effects
Sep 22, 2024
c2e504f
added random button and cleaned code
Sep 22, 2024
dd9d803
added Elina and my github accounts as collaborators to the pull-reque…
Sep 22, 2024
b1a6caf
Update README.md
mikaeber Sep 22, 2024
203315e
cleaning
mikaeber Sep 22, 2024
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
Binary file added .DS_Store
View file
Open in desktop
Binary file not shown.
6 changes: 5 additions & 1 deletion README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1 +1,5 @@
# project-library
# project-library

A library of books to practice JS functions including map, filter, and sort.

https://mikaelinaestefanny-library.netlify.app/
34 changes: 28 additions & 6 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,13 +1,35 @@
<!DOCTYPE html>
<!doctype html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Don't forget to change the title and connect the CSS file -->
<title>Project Library</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Mikas Library</title>
<link rel="stylesheet" href="style.css" />
</head>

<body>
<h1>Project Library</h1>
<!-- Don't forget to connect the JavaScript file -->
<select id="genre-select">
<option value="">All Genres</option>
<option value="Fiction">Fiction</option>
<option value="Fantasy">Fantasy</option>
<option value="Science Fiction">Science Fiction</option>
<option value="Horror">Horror</option>
<option value="Adventure">Adventure</option>
<option value="Mystery">Mystery</option>
<option value="Dystopian">Dystopian</option>
</select>

<!-- sorting buttons -->
<button id="sort-high-to-low-button">Sort by Rating (High to Low)</button>
<button id="sort-low-to-high-button">Sort by Rating (Low to High)</button>
<!--Random button-->
<button id="random-book-button">Random Book</button>

<ul id="book-list"></ul>

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

</html>
4 changes: 2 additions & 2 deletions pull_request_template.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,5 +3,5 @@ Add your Netlify link here.
PS. Don't forget to add it in your readme as well.

## Collaborators
Add your collaborators here. Write their GitHub usernames in square brackets. If there's more than one, separate them with a comma, like this:
[github-username-1, github-username-2]

[github-ElinaEH-1 , github-FannyEste-2]
Loading