jc/TeachingW3-useReducer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
Jeannette Chin 2024-10-08 10:18:37 +01:00
commit f4a072aa0c
16 changed files with 5620 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
.eslintrc.cjs Normal file
View File

@ -0,0 +1,21 @@
module.exports = {
root: true,
env: { browser: true, es2020: true },
extends: [
'eslint:recommended',
'plugin:react/recommended',
'plugin:react/jsx-runtime',
'plugin:react-hooks/recommended',
],
ignorePatterns: ['dist', '.eslintrc.cjs'],
parserOptions: { ecmaVersion: 'latest', sourceType: 'module' },
settings: { react: { version: '18.2' } },
plugins: ['react-refresh'],
rules: {
'react/jsx-no-target-blank': 'off',
'react-refresh/only-export-components': [
'warn',
{ allowConstantExport: true },
],
},
}

24
.gitignore vendored Normal file
View File

@ -0,0 +1,24 @@
# Logs
logs
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*
pnpm-debug.log*
lerna-debug.log*
node_modules
dist
dist-ssr
*.local
# Editor directories and files
.vscode/*
!.vscode/extensions.json
.idea
.DS_Store
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw?

8
README.md Normal file
View File

@ -0,0 +1,8 @@
# React + Vite
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh

13
index.html Normal file
View File

@ -0,0 +1,13 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vite + React</title>
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/main.jsx"></script>
</body>
</html>

4382
package-lock.json generated Normal file
View File

File diff suppressed because it is too large Load Diff

27
package.json Normal file
View File

@ -0,0 +1,27 @@
{
"name": "reducer",
"private": true,
"version": "0.0.0",
"type": "module",
"scripts": {
"dev": "vite",
"build": "vite build",
"lint": "eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0",
"preview": "vite preview"
},
"dependencies": {
"axios": "^1.6.8",
"react": "^18.2.0",
"react-dom": "^18.2.0"
},
"devDependencies": {
"@types/react": "^18.2.66",
"@types/react-dom": "^18.2.22",
"@vitejs/plugin-react": "^4.2.1",
"eslint": "^8.57.0",
"eslint-plugin-react": "^7.34.1",
"eslint-plugin-react-hooks": "^4.6.0",
"eslint-plugin-react-refresh": "^0.4.6",
"vite": "^5.2.0"
}
}

1
public/vite.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

60
src/App.jsx Normal file
View File

@ -0,0 +1,60 @@
import { useReducer } from "react";
import { data } from "./data";
import { CLEAR_LIST, RESET_LIST } from "./actions";
import reducer from "./reducer";
// default state
const defaultState = {
books: data,
};
function App() {
//// const [books, setBooks] = useState(data);
// use useReducer hook instead
// useReducer hook accepts 2 parameters - reducer function and default state
// it returns the state and a function called dispath
// where we can use to dispatch the action
const [state, dispatch] = useReducer(reducer, defaultState);
const clearList = () => {
dispatch({ type: CLEAR_LIST });
};
const resetList = () => {
dispatch({ type: RESET_LIST });
};
console.log(state);
return (
<>
<h2>Advanced Web Development</h2>
<h3>Reducer</h3>
<div>
<h4>Books by JK Rowling</h4>
<button onClick={clearList}>Clear list</button>
{state.books.items ? (
state.books.items.map((book) => {
const { id, volumeInfo } = book;
return (
<article key={id}>
<h3>{volumeInfo.title}</h3>
<h4>{volumeInfo.publisher}</h4>
<p>{volumeInfo.description}</p>
</article>
);
})
) : (
<>
<h3>No book is found</h3>
<button onClick={resetList}>RESET</button>
</>
)}
</div>
</>
);
}
export default App;

44
src/App1.jsx Normal file
View File

@ -0,0 +1,44 @@
import { useState } from "react";
import { data } from "./data";
function App1() {
const [books, setBooks] = useState(data);
const clearList = () => {
setBooks([]);
};
const resetList = () => {
setBooks(data);
};
return (
<>
<h2>Advanced Web Development</h2>
<h3>Reducer</h3>
<div>
<h4>Books by JK Rowling</h4>
<button onClick={clearList}>Clear list</button>
{books.items ? (
books.items.map((book) => {
const { id, volumeInfo } = book;
return (
<article key={id}>
<h3>{volumeInfo.title}</h3>
<h4>{volumeInfo.publisher}</h4>
<p>{volumeInfo.description}</p>
</article>
);
})
) : (
<>
<h3>No book is found</h3>
<button onClick={resetList}>RESET</button>
</>
)}
</div>
</>
);
}
export default App1;

2
src/actions.js Normal file
View File

@ -0,0 +1,2 @@
export const CLEAR_LIST = "CLEAR_LIST";
export const RESET_LIST = "RESET_LIST";

1
src/assets/react.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="35.93" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 228"><path fill="#00D8FF" d="M210.483 73.824a171.49 171.49 0 0 0-8.24-2.597c.465-1.9.893-3.777 1.273-5.621c6.238-30.281 2.16-54.676-11.769-62.708c-13.355-7.7-35.196.329-57.254 19.526a171.23 171.23 0 0 0-6.375 5.848a155.866 155.866 0 0 0-4.241-3.917C100.759 3.829 77.587-4.822 63.673 3.233C50.33 10.957 46.379 33.89 51.995 62.588a170.974 170.974 0 0 0 1.892 8.48c-3.28.932-6.445 1.924-9.474 2.98C17.309 83.498 0 98.307 0 113.668c0 15.865 18.582 31.778 46.812 41.427a145.52 145.52 0 0 0 6.921 2.165a167.467 167.467 0 0 0-2.01 9.138c-5.354 28.2-1.173 50.591 12.134 58.266c13.744 7.926 36.812-.22 59.273-19.855a145.567 145.567 0 0 0 5.342-4.923a168.064 168.064 0 0 0 6.92 6.314c21.758 18.722 43.246 26.282 56.54 18.586c13.731-7.949 18.194-32.003 12.4-61.268a145.016 145.016 0 0 0-1.535-6.842c1.62-.48 3.21-.974 4.76-1.488c29.348-9.723 48.443-25.443 48.443-41.52c0-15.417-17.868-30.326-45.517-39.844Zm-6.365 70.984c-1.4.463-2.836.91-4.3 1.345c-3.24-10.257-7.612-21.163-12.963-32.432c5.106-11 9.31-21.767 12.459-31.957c2.619.758 5.16 1.557 7.61 2.4c23.69 8.156 38.14 20.213 38.14 29.504c0 9.896-15.606 22.743-40.946 31.14Zm-10.514 20.834c2.562 12.94 2.927 24.64 1.23 33.787c-1.524 8.219-4.59 13.698-8.382 15.893c-8.067 4.67-25.32-1.4-43.927-17.412a156.726 156.726 0 0 1-6.437-5.87c7.214-7.889 14.423-17.06 21.459-27.246c12.376-1.098 24.068-2.894 34.671-5.345a134.17 134.17 0 0 1 1.386 6.193ZM87.276 214.515c-7.882 2.783-14.16 2.863-17.955.675c-8.075-4.657-11.432-22.636-6.853-46.752a156.923 156.923 0 0 1 1.869-8.499c10.486 2.32 22.093 3.988 34.498 4.994c7.084 9.967 14.501 19.128 21.976 27.15a134.668 134.668 0 0 1-4.877 4.492c-9.933 8.682-19.886 14.842-28.658 17.94ZM50.35 144.747c-12.483-4.267-22.792-9.812-29.858-15.863c-6.35-5.437-9.555-10.836-9.555-15.216c0-9.322 13.897-21.212 37.076-29.293c2.813-.98 5.757-1.905 8.812-2.773c3.204 10.42 7.406 21.315 12.477 32.332c-5.137 11.18-9.399 22.249-12.634 32.792a134.718 134.718 0 0 1-6.318-1.979Zm12.378-84.26c-4.811-24.587-1.616-43.134 6.425-47.789c8.564-4.958 27.502 2.111 47.463 19.835a144.318 144.318 0 0 1 3.841 3.545c-7.438 7.987-14.787 17.08-21.808 26.988c-12.04 1.116-23.565 2.908-34.161 5.309a160.342 160.342 0 0 1-1.76-7.887Zm110.427 27.268a347.8 347.8 0 0 0-7.785-12.803c8.168 1.033 15.994 2.404 23.343 4.08c-2.206 7.072-4.956 14.465-8.193 22.045a381.151 381.151 0 0 0-7.365-13.322Zm-45.032-43.861c5.044 5.465 10.096 11.566 15.065 18.186a322.04 322.04 0 0 0-30.257-.006c4.974-6.559 10.069-12.652 15.192-18.18ZM82.802 87.83a323.167 323.167 0 0 0-7.227 13.238c-3.184-7.553-5.909-14.98-8.134-22.152c7.304-1.634 15.093-2.97 23.209-3.984a321.524 321.524 0 0 0-7.848 12.897Zm8.081 65.352c-8.385-.936-16.291-2.203-23.593-3.793c2.26-7.3 5.045-14.885 8.298-22.6a321.187 321.187 0 0 0 7.257 13.246c2.594 4.48 5.28 8.868 8.038 13.147Zm37.542 31.03c-5.184-5.592-10.354-11.779-15.403-18.433c4.902.192 9.899.29 14.978.29c5.218 0 10.376-.117 15.453-.343c-4.985 6.774-10.018 12.97-15.028 18.486Zm52.198-57.817c3.422 7.8 6.306 15.345 8.596 22.52c-7.422 1.694-15.436 3.058-23.88 4.071a382.417 382.417 0 0 0 7.859-13.026a347.403 347.403 0 0 0 7.425-13.565Zm-16.898 8.101a358.557 358.557 0 0 1-12.281 19.815a329.4 329.4 0 0 1-23.444.823c-7.967 0-15.716-.248-23.178-.732a310.202 310.202 0 0 1-12.513-19.846h.001a307.41 307.41 0 0 1-10.923-20.627a310.278 310.278 0 0 1 10.89-20.637l-.001.001a307.318 307.318 0 0 1 12.413-19.761c7.613-.576 15.42-.876 23.31-.876H128c7.926 0 15.743.303 23.354.883a329.357 329.357 0 0 1 12.335 19.695a358.489 358.489 0 0 1 11.036 20.54a329.472 329.472 0 0 1-11 20.722Zm22.56-122.124c8.572 4.944 11.906 24.881 6.52 51.026c-.344 1.668-.73 3.367-1.15 5.09c-10.622-2.452-22.155-4.275-34.23-5.408c-7.034-10.017-14.323-19.124-21.64-27.008a160.789 160.789 0 0 1 5.888-5.4c18.9-16.447 36.564-22.941 44.612-18.3ZM128 90.808c12.625 0 22.86 10.235 22.86 22.86s-10.235 22.86-22.86 22.86s-22.86-10.235-22.86-22.86s10.235-22.86 22.86-22.86Z"></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.0 KiB

937
src/data.js Normal file
View File

@ -0,0 +1,937 @@
export const data = {
kind: "books#volumes",
totalItems: 2113,
items: [
{
kind: "books#volume",
id: "7bmW-U3w8d8C",
etag: "kXDkQlbQe2g",
selfLink: "https://www.googleapis.com/books/v1/volumes/7bmW-U3w8d8C",
volumeInfo: {
title: "Who Is J.K. Rowling?",
authors: ["Pam Pollack", "Meg Belviso", "Who HQ"],
publisher: "Penguin",
publishedDate: "2012-08-02",
description:
"Everyone loves Harry Potter. Now kids can learn about Harry's creator! In 1995, on a four-hour-delayed train from Manchester to London, J. K. Rowling conceived of the idea of a boy wizard named Harry Potter. Upon arriving in London, she began immediately writing the first book in the saga. Rowling's true-life, rags-to-riches story is as compelling as the world of Hogwarts that she created. This biography details not only Rowling's life and her love of literature but the story behind the creation of a modern classic.",
industryIdentifiers: [
{
type: "ISBN_13",
identifier: "9781101575628",
},
{
type: "ISBN_10",
identifier: "110157562X",
},
],
readingModes: {
text: true,
image: false,
},
pageCount: 112,
printType: "BOOK",
categories: ["Juvenile Nonfiction"],
averageRating: 4,
ratingsCount: 1,
maturityRating: "NOT_MATURE",
allowAnonLogging: true,
contentVersion: "0.7.9.0.preview.2",
panelizationSummary: {
containsEpubBubbles: false,
containsImageBubbles: false,
},
imageLinks: {
smallThumbnail:
"http://books.google.com/books/content?id=7bmW-U3w8d8C&printsec=frontcover&img=1&zoom=5&edge=curl&source=gbs_api",
thumbnail:
"http://books.google.com/books/content?id=7bmW-U3w8d8C&printsec=frontcover&img=1&zoom=1&edge=curl&source=gbs_api",
},
language: "en",
previewLink:
"http://books.google.co.uk/books?id=7bmW-U3w8d8C&printsec=frontcover&dq=jk+rowling&hl=&cd=1&source=gbs_api",
infoLink:
"https://play.google.com/store/books/details?id=7bmW-U3w8d8C&source=gbs_api",
canonicalVolumeLink:
"https://play.google.com/store/books/details?id=7bmW-U3w8d8C",
},
saleInfo: {
country: "GB",
saleability: "FOR_SALE",
isEbook: true,
listPrice: {
amount: 5.05,
currencyCode: "GBP",
},
retailPrice: {
amount: 5.05,
currencyCode: "GBP",
},
buyLink:
"https://play.google.com/store/books/details?id=7bmW-U3w8d8C&rdid=book-7bmW-U3w8d8C&rdot=1&source=gbs_api",
offers: [
{
finskyOfferType: 1,
listPrice: {
amountInMicros: 5050000,
currencyCode: "GBP",
},
retailPrice: {
amountInMicros: 5050000,
currencyCode: "GBP",
},
giftable: true,
},
],
},
accessInfo: {
country: "GB",
viewability: "PARTIAL",
embeddable: true,
publicDomain: false,
textToSpeechPermission: "ALLOWED",
epub: {
isAvailable: true,
acsTokenLink:
"http://books.google.co.uk/books/download/Who_Is_J_K_Rowling-sample-epub.acsm?id=7bmW-U3w8d8C&format=epub&output=acs4_fulfillment_token&dl_type=sample&source=gbs_api",
},
pdf: {
isAvailable: false,
},
webReaderLink:
"http://play.google.com/books/reader?id=7bmW-U3w8d8C&hl=&source=gbs_api",
accessViewStatus: "SAMPLE",
quoteSharingAllowed: false,
},
searchInfo: {
textSnippet:
"Rowling&#39;s true-life, rags-to-riches story is as compelling as the world of Hogwarts that she created. This biography details not only Rowling&#39;s life and her love of literature but the story behind the creation of a modern classic.",
},
},
{
kind: "books#volume",
id: "gvfuDwAAQBAJ",
etag: "LM+AbJ2fadA",
selfLink: "https://www.googleapis.com/books/v1/volumes/gvfuDwAAQBAJ",
volumeInfo: {
title: "The Ickabog",
subtitle:
"A warm and witty fairy-tale adventure to entertain the whole family",
authors: ["J.K. Rowling"],
publisher: "Hachette UK",
publishedDate: "2020-11-10",
description:
"The Ickabog is coming... A mythical monster, a kingdom in peril, an adventure that will test two children's bravery to the limit. Discover a brilliantly original fairy tale about the power of hope and friendship to triumph against all odds, from one of the world's best storytellers. The kingdom of Cornucopia was once the happiest in the world. It had plenty of gold, a king with the finest moustaches you could possibly imagine, and butchers, bakers and cheesemongers whose exquisite foods made a person dance with delight when they ate them. Everything was perfect - except for the misty Marshlands to the north which, according to legend, were home to the monstrous Ickabog. Anyone sensible knew that the Ickabog was just a myth, to scare children into behaving. But the funny thing about myths is that sometimes they take on a life of their own. Could a myth unseat a beloved king? Could a myth bring a once happy country to its knees? Could a myth thrust two children into an adventure they didn't ask for and never expected? If you're feeling brave, step into the pages of this book to find out... A beautiful digital edition, brought to life with full-colour illustrations by the young winners of The Ickabog competition.",
industryIdentifiers: [
{
type: "ISBN_13",
identifier: "9781510202269",
},
{
type: "ISBN_10",
identifier: "1510202269",
},
],
readingModes: {
text: true,
image: false,
},
pageCount: 355,
printType: "BOOK",
categories: ["Juvenile Fiction"],
averageRating: 5,
ratingsCount: 2,
maturityRating: "NOT_MATURE",
allowAnonLogging: true,
contentVersion: "1.1.1.0.preview.2",
panelizationSummary: {
containsEpubBubbles: false,
containsImageBubbles: false,
},
imageLinks: {
smallThumbnail:
"http://books.google.com/books/content?id=gvfuDwAAQBAJ&printsec=frontcover&img=1&zoom=5&edge=curl&source=gbs_api",
thumbnail:
"http://books.google.com/books/content?id=gvfuDwAAQBAJ&printsec=frontcover&img=1&zoom=1&edge=curl&source=gbs_api",
},
language: "en",
previewLink:
"http://books.google.co.uk/books?id=gvfuDwAAQBAJ&printsec=frontcover&dq=jk+rowling&hl=&cd=2&source=gbs_api",
infoLink:
"https://play.google.com/store/books/details?id=gvfuDwAAQBAJ&source=gbs_api",
canonicalVolumeLink:
"https://play.google.com/store/books/details?id=gvfuDwAAQBAJ",
},
saleInfo: {
country: "GB",
saleability: "FOR_SALE",
isEbook: true,
listPrice: {
amount: 4.99,
currencyCode: "GBP",
},
retailPrice: {
amount: 4.99,
currencyCode: "GBP",
},
buyLink:
"https://play.google.com/store/books/details?id=gvfuDwAAQBAJ&rdid=book-gvfuDwAAQBAJ&rdot=1&source=gbs_api",
offers: [
{
finskyOfferType: 1,
listPrice: {
amountInMicros: 4990000,
currencyCode: "GBP",
},
retailPrice: {
amountInMicros: 4990000,
currencyCode: "GBP",
},
giftable: true,
},
],
},
accessInfo: {
country: "GB",
viewability: "PARTIAL",
embeddable: true,
publicDomain: false,
textToSpeechPermission: "ALLOWED",
epub: {
isAvailable: true,
acsTokenLink:
"http://books.google.co.uk/books/download/The_Ickabog-sample-epub.acsm?id=gvfuDwAAQBAJ&format=epub&output=acs4_fulfillment_token&dl_type=sample&source=gbs_api",
},
pdf: {
isAvailable: false,
},
webReaderLink:
"http://play.google.com/books/reader?id=gvfuDwAAQBAJ&hl=&source=gbs_api",
accessViewStatus: "SAMPLE",
quoteSharingAllowed: false,
},
searchInfo: {
textSnippet:
"If you&#39;re feeling brave, step into the pages of this book to find out... A beautiful digital edition, brought to life with full-colour illustrations by the young winners of The Ickabog competition.",
},
},
{
kind: "books#volume",
id: "oNAzDwAAQBAJ",
etag: "Na6Vn8ccN9w",
selfLink: "https://www.googleapis.com/books/v1/volumes/oNAzDwAAQBAJ",
volumeInfo: {
title: "J.K. Rowling: A Bibliography",
subtitle: "Updated Edition",
authors: ["Philip W. Errington"],
publisher: "Bloomsbury Publishing",
publishedDate: "2017-09-21",
description:
"This is the definitive bibliography of the writings of J. K. Rowling. In addition to bibliographical details of each edition of all her books, pamphlets and original contributions to published works, there is detailed information on the publishing history of her work, including fascinating extracts from correspondence, and information on Rowling at auction. This edition has been fully revised and updated to include over 50 new editions published since 2013, including the newly jacketed 2014 children's editions of the Harry Potter books as well as the 2015 illustrated edition of Harry Potter and the Philosopher's Stone. The works of Robert Galbraith are also included.",
industryIdentifiers: [
{
type: "ISBN_13",
identifier: "9781474297387",
},
{
type: "ISBN_10",
identifier: "1474297382",
},
],
readingModes: {
text: true,
image: true,
},
pageCount: 736,
printType: "BOOK",
categories: ["Fiction"],
maturityRating: "NOT_MATURE",
allowAnonLogging: false,
contentVersion: "1.1.2.0.preview.3",
panelizationSummary: {
containsEpubBubbles: false,
containsImageBubbles: false,
},
imageLinks: {
smallThumbnail:
"http://books.google.com/books/content?id=oNAzDwAAQBAJ&printsec=frontcover&img=1&zoom=5&edge=curl&source=gbs_api",
thumbnail:
"http://books.google.com/books/content?id=oNAzDwAAQBAJ&printsec=frontcover&img=1&zoom=1&edge=curl&source=gbs_api",
},
language: "en",
previewLink:
"http://books.google.co.uk/books?id=oNAzDwAAQBAJ&printsec=frontcover&dq=jk+rowling&hl=&cd=3&source=gbs_api",
infoLink:
"http://books.google.co.uk/books?id=oNAzDwAAQBAJ&dq=jk+rowling&hl=&source=gbs_api",
canonicalVolumeLink:
"https://books.google.com/books/about/J_K_Rowling_A_Bibliography.html?hl=&id=oNAzDwAAQBAJ",
},
saleInfo: {
country: "GB",
saleability: "NOT_FOR_SALE",
isEbook: false,
},
accessInfo: {
country: "GB",
viewability: "PARTIAL",
embeddable: true,
publicDomain: false,
textToSpeechPermission: "ALLOWED",
epub: {
isAvailable: true,
acsTokenLink:
"http://books.google.co.uk/books/download/J_K_Rowling_A_Bibliography-sample-epub.acsm?id=oNAzDwAAQBAJ&format=epub&output=acs4_fulfillment_token&dl_type=sample&source=gbs_api",
},
pdf: {
isAvailable: true,
acsTokenLink:
"http://books.google.co.uk/books/download/J_K_Rowling_A_Bibliography-sample-pdf.acsm?id=oNAzDwAAQBAJ&format=pdf&output=acs4_fulfillment_token&dl_type=sample&source=gbs_api",
},
webReaderLink:
"http://play.google.com/books/reader?id=oNAzDwAAQBAJ&hl=&source=gbs_api",
accessViewStatus: "SAMPLE",
quoteSharingAllowed: false,
},
searchInfo: {
textSnippet:
"This is the definitive bibliography of the writings of J. K. Rowling.",
},
},
{
kind: "books#volume",
id: "m_u_DwAAQBAJ",
etag: "caHGumL3YGM",
selfLink: "https://www.googleapis.com/books/v1/volumes/m_u_DwAAQBAJ",
volumeInfo: {
title: "101 Amazing Facts about J.K. Rowling",
subtitle: "...and Harry Potter",
authors: ["Holger Weßling", "Archie Thomas"],
publisher: "Andrews UK Limited",
publishedDate: "2019-11-18",
description:
"We've all read - and loved - the adventures of Harry Potter and his friends in the Wizarding World. But what of the genius behind it all, J.K. Rowling? Was getting the first book published easy for her, or was it a long struggle? How did she come up with so many amazing ideas for the books? How did her own life influence the characters in the series, both good and bad? And what about her life away from magic and mystery? This fascinating book reveals over one hundred amazing facts about the author, numbered and organised into easy-to-read categories. Whether you simply enjoy a good biography, or are the wor's most dedicated Harry Potter fan, this is the perfect book for you!",
industryIdentifiers: [
{
type: "ISBN_13",
identifier: "9781789821826",
},
{
type: "ISBN_10",
identifier: "1789821827",
},
],
readingModes: {
text: true,
image: true,
},
pageCount: 24,
printType: "BOOK",
categories: ["Biography & Autobiography"],
maturityRating: "NOT_MATURE",
allowAnonLogging: false,
contentVersion: "preview-1.0.0",
panelizationSummary: {
containsEpubBubbles: false,
containsImageBubbles: false,
},
imageLinks: {
smallThumbnail:
"http://books.google.com/books/content?id=m_u_DwAAQBAJ&printsec=frontcover&img=1&zoom=5&edge=curl&source=gbs_api",
thumbnail:
"http://books.google.com/books/content?id=m_u_DwAAQBAJ&printsec=frontcover&img=1&zoom=1&edge=curl&source=gbs_api",
},
language: "en",
previewLink:
"http://books.google.co.uk/books?id=m_u_DwAAQBAJ&printsec=frontcover&dq=jk+rowling&hl=&cd=4&source=gbs_api",
infoLink:
"https://play.google.com/store/books/details?id=m_u_DwAAQBAJ&source=gbs_api",
canonicalVolumeLink:
"https://play.google.com/store/books/details?id=m_u_DwAAQBAJ",
},
saleInfo: {
country: "GB",
saleability: "FOR_SALE",
isEbook: true,
listPrice: {
amount: 2.49,
currencyCode: "GBP",
},
retailPrice: {
amount: 2.49,
currencyCode: "GBP",
},
buyLink:
"https://play.google.com/store/books/details?id=m_u_DwAAQBAJ&rdid=book-m_u_DwAAQBAJ&rdot=1&source=gbs_api",
offers: [
{
finskyOfferType: 1,
listPrice: {
amountInMicros: 2490000,
currencyCode: "GBP",
},
retailPrice: {
amountInMicros: 2490000,
currencyCode: "GBP",
},
giftable: true,
},
],
},
accessInfo: {
country: "GB",
viewability: "PARTIAL",
embeddable: true,
publicDomain: false,
textToSpeechPermission: "ALLOWED",
epub: {
isAvailable: true,
acsTokenLink:
"http://books.google.co.uk/books/download/101_Amazing_Facts_about_J_K_Rowling-sample-epub.acsm?id=m_u_DwAAQBAJ&format=epub&output=acs4_fulfillment_token&dl_type=sample&source=gbs_api",
},
pdf: {
isAvailable: true,
acsTokenLink:
"http://books.google.co.uk/books/download/101_Amazing_Facts_about_J_K_Rowling-sample-pdf.acsm?id=m_u_DwAAQBAJ&format=pdf&output=acs4_fulfillment_token&dl_type=sample&source=gbs_api",
},
webReaderLink:
"http://play.google.com/books/reader?id=m_u_DwAAQBAJ&hl=&source=gbs_api",
accessViewStatus: "SAMPLE",
quoteSharingAllowed: false,
},
searchInfo: {
textSnippet:
"Was getting the first book published easy for her, or was it a long struggle? How did she come up with so many amazing ideas for the books? How did her own life influence the characters in the series, both good and bad?",
},
},
{
kind: "books#volume",
id: "7nmbhwH-q6IC",
etag: "yxueYIBM7p4",
selfLink: "https://www.googleapis.com/books/v1/volumes/7nmbhwH-q6IC",
volumeInfo: {
title: "J. K. Rowling",
authors: ["Cari Meister"],
publisher: "ABDO",
publishedDate: "2001",
description:
"Traces the childhood, education, and career of J.K. Rowling.",
industryIdentifiers: [
{
type: "ISBN_10",
identifier: "157765482X",
},
{
type: "ISBN_13",
identifier: "9781577654827",
},
],
readingModes: {
text: true,
image: true,
},
pageCount: 28,
printType: "BOOK",
categories: ["Juvenile Nonfiction"],
maturityRating: "NOT_MATURE",
allowAnonLogging: false,
contentVersion: "0.4.5.0.preview.3",
panelizationSummary: {
containsEpubBubbles: false,
containsImageBubbles: false,
},
imageLinks: {
smallThumbnail:
"http://books.google.com/books/content?id=7nmbhwH-q6IC&printsec=frontcover&img=1&zoom=5&edge=curl&source=gbs_api",
thumbnail:
"http://books.google.com/books/content?id=7nmbhwH-q6IC&printsec=frontcover&img=1&zoom=1&edge=curl&source=gbs_api",
},
language: "en",
previewLink:
"http://books.google.co.uk/books?id=7nmbhwH-q6IC&printsec=frontcover&dq=jk+rowling&hl=&cd=5&source=gbs_api",
infoLink:
"http://books.google.co.uk/books?id=7nmbhwH-q6IC&dq=jk+rowling&hl=&source=gbs_api",
canonicalVolumeLink:
"https://books.google.com/books/about/J_K_Rowling.html?hl=&id=7nmbhwH-q6IC",
},
saleInfo: {
country: "GB",
saleability: "NOT_FOR_SALE",
isEbook: false,
},
accessInfo: {
country: "GB",
viewability: "PARTIAL",
embeddable: true,
publicDomain: false,
textToSpeechPermission: "ALLOWED",
epub: {
isAvailable: true,
acsTokenLink:
"http://books.google.co.uk/books/download/J_K_Rowling-sample-epub.acsm?id=7nmbhwH-q6IC&format=epub&output=acs4_fulfillment_token&dl_type=sample&source=gbs_api",
},
pdf: {
isAvailable: true,
acsTokenLink:
"http://books.google.co.uk/books/download/J_K_Rowling-sample-pdf.acsm?id=7nmbhwH-q6IC&format=pdf&output=acs4_fulfillment_token&dl_type=sample&source=gbs_api",
},
webReaderLink:
"http://play.google.com/books/reader?id=7nmbhwH-q6IC&hl=&source=gbs_api",
accessViewStatus: "SAMPLE",
quoteSharingAllowed: false,
},
searchInfo: {
textSnippet:
"Traces the childhood, education, and career of J.K. Rowling.",
},
},
{
kind: "books#volume",
id: "NUi1HtrERmYC",
etag: "pzQ12qLh1mo",
selfLink: "https://www.googleapis.com/books/v1/volumes/NUi1HtrERmYC",
volumeInfo: {
title: "The Secret of Platform 13",
authors: ["Eva Ibbotson"],
publisher: "Pan Macmillan",
publishedDate: "2008-09-04",
description:
"Under Platform 13 at King's Cross Station there is a secret door that leads to a magical island . . . It appears only once every nine years. And when it opens, four mysterious figures step into the streets of London. A wizard, an ogre, a fey and a young hag have come to find the prince of their kingdom, stolen as a baby nine years before. But the prince has become a horrible rich boy called Raymond Trottle, who doesn't understand magic and is determined not to be rescued. Shortlisted for the Smarties Prize, The Secret of Platform 13 is an exciting magical adventure from Eva Ibbotson, the award-winning author of Journey to the River Sea. 'This kind of fun will never fail to delight' Philip Pullman",
industryIdentifiers: [
{
type: "ISBN_13",
identifier: "9780330477697",
},
{
type: "ISBN_10",
identifier: "0330477692",
},
],
readingModes: {
text: true,
image: false,
},
pageCount: 208,
printType: "BOOK",
categories: ["Juvenile Fiction"],
averageRating: 3,
ratingsCount: 2,
maturityRating: "NOT_MATURE",
allowAnonLogging: true,
contentVersion: "3.13.8.0.preview.2",
panelizationSummary: {
containsEpubBubbles: false,
containsImageBubbles: false,
},
imageLinks: {
smallThumbnail:
"http://books.google.com/books/content?id=NUi1HtrERmYC&printsec=frontcover&img=1&zoom=5&edge=curl&source=gbs_api",
thumbnail:
"http://books.google.com/books/content?id=NUi1HtrERmYC&printsec=frontcover&img=1&zoom=1&edge=curl&source=gbs_api",
},
language: "en",
previewLink:
"http://books.google.co.uk/books?id=NUi1HtrERmYC&printsec=frontcover&dq=jk+rowling&hl=&cd=6&source=gbs_api",
infoLink:
"https://play.google.com/store/books/details?id=NUi1HtrERmYC&source=gbs_api",
canonicalVolumeLink:
"https://play.google.com/store/books/details?id=NUi1HtrERmYC",
},
saleInfo: {
country: "GB",
saleability: "FOR_SALE",
isEbook: true,
listPrice: {
amount: 2.99,
currencyCode: "GBP",
},
retailPrice: {
amount: 2.99,
currencyCode: "GBP",
},
buyLink:
"https://play.google.com/store/books/details?id=NUi1HtrERmYC&rdid=book-NUi1HtrERmYC&rdot=1&source=gbs_api",
offers: [
{
finskyOfferType: 1,
listPrice: {
amountInMicros: 2990000,
currencyCode: "GBP",
},
retailPrice: {
amountInMicros: 2990000,
currencyCode: "GBP",
},
giftable: true,
},
],
},
accessInfo: {
country: "GB",
viewability: "PARTIAL",
embeddable: true,
publicDomain: false,
textToSpeechPermission: "ALLOWED",
epub: {
isAvailable: true,
acsTokenLink:
"http://books.google.co.uk/books/download/The_Secret_of_Platform_13-sample-epub.acsm?id=NUi1HtrERmYC&format=epub&output=acs4_fulfillment_token&dl_type=sample&source=gbs_api",
},
pdf: {
isAvailable: false,
},
webReaderLink:
"http://play.google.com/books/reader?id=NUi1HtrERmYC&hl=&source=gbs_api",
accessViewStatus: "SAMPLE",
quoteSharingAllowed: false,
},
searchInfo: {
textSnippet:
"Shortlisted for the Smarties Prize, The Secret of Platform 13 is an exciting magical adventure from Eva Ibbotson, the award-winning author of Journey to the River Sea. &#39;This kind of fun will never fail to delight&#39; Philip Pullman",
},
},
{
kind: "books#volume",
id: "fWqBWw5QYAMC",
etag: "nY6McD9Vza0",
selfLink: "https://www.googleapis.com/books/v1/volumes/fWqBWw5QYAMC",
volumeInfo: {
title: "J.K. Rowling",
subtitle: "Creator of Harry Potter",
authors: ["Cath Senker"],
publisher: "The Rosen Publishing Group, Inc",
publishedDate: "2011-01-15",
description:
"Readers will learn about J.K. Rowlings's childhood in England and the creation of the Harry Potter series.",
industryIdentifiers: [
{
type: "ISBN_10",
identifier: "1448832888",
},
{
type: "ISBN_13",
identifier: "9781448832880",
},
],
readingModes: {
text: false,
image: true,
},
pageCount: 40,
printType: "BOOK",
categories: ["Juvenile Nonfiction"],
maturityRating: "NOT_MATURE",
allowAnonLogging: false,
contentVersion: "0.2.5.0.preview.1",
panelizationSummary: {
containsEpubBubbles: false,
containsImageBubbles: false,
},
imageLinks: {
smallThumbnail:
"http://books.google.com/books/content?id=fWqBWw5QYAMC&printsec=frontcover&img=1&zoom=5&edge=curl&source=gbs_api",
thumbnail:
"http://books.google.com/books/content?id=fWqBWw5QYAMC&printsec=frontcover&img=1&zoom=1&edge=curl&source=gbs_api",
},
language: "en",
previewLink:
"http://books.google.co.uk/books?id=fWqBWw5QYAMC&printsec=frontcover&dq=jk+rowling&hl=&cd=7&source=gbs_api",
infoLink:
"http://books.google.co.uk/books?id=fWqBWw5QYAMC&dq=jk+rowling&hl=&source=gbs_api",
canonicalVolumeLink:
"https://books.google.com/books/about/J_K_Rowling.html?hl=&id=fWqBWw5QYAMC",
},
saleInfo: {
country: "GB",
saleability: "NOT_FOR_SALE",
isEbook: false,
},
accessInfo: {
country: "GB",
viewability: "PARTIAL",
embeddable: true,
publicDomain: false,
textToSpeechPermission: "ALLOWED",
epub: {
isAvailable: false,
},
pdf: {
isAvailable: true,
acsTokenLink:
"http://books.google.co.uk/books/download/J_K_Rowling-sample-pdf.acsm?id=fWqBWw5QYAMC&format=pdf&output=acs4_fulfillment_token&dl_type=sample&source=gbs_api",
},
webReaderLink:
"http://play.google.com/books/reader?id=fWqBWw5QYAMC&hl=&source=gbs_api",
accessViewStatus: "SAMPLE",
quoteSharingAllowed: false,
},
searchInfo: {
textSnippet:
"Readers will learn about J.K. Rowlings&#39;s childhood in England and the creation of the Harry Potter series.",
},
},
{
kind: "books#volume",
id: "WpkWErgxgssC",
etag: "RdAwuRxgUgQ",
selfLink: "https://www.googleapis.com/books/v1/volumes/WpkWErgxgssC",
volumeInfo: {
title: "Female Force: J.K. Rowling",
subtitle: "J.K. Rowling",
authors: ["Adam Gragg", "Matt Flyer"],
publisher: "Bluewater Productions",
publishedDate: "2009",
description:
"Describes the life of the British author, from her childhood influences and struggles with her personal life to becoming one of the most popular authors of her generation.",
industryIdentifiers: [
{
type: "ISBN_13",
identifier: "9781427642288",
},
{
type: "ISBN_10",
identifier: "1427642281",
},
],
readingModes: {
text: false,
image: true,
},
pageCount: 24,
printType: "BOOK",
categories: ["Comics & Graphic Novels"],
maturityRating: "NOT_MATURE",
allowAnonLogging: false,
contentVersion: "0.2.1.0.preview.1",
panelizationSummary: {
containsEpubBubbles: false,
containsImageBubbles: false,
},
comicsContent: true,
imageLinks: {
smallThumbnail:
"http://books.google.com/books/content?id=WpkWErgxgssC&printsec=frontcover&img=1&zoom=5&edge=curl&source=gbs_api",
thumbnail:
"http://books.google.com/books/content?id=WpkWErgxgssC&printsec=frontcover&img=1&zoom=1&edge=curl&source=gbs_api",
},
language: "en",
previewLink:
"http://books.google.co.uk/books?id=WpkWErgxgssC&printsec=frontcover&dq=jk+rowling&hl=&cd=8&source=gbs_api",
infoLink:
"http://books.google.co.uk/books?id=WpkWErgxgssC&dq=jk+rowling&hl=&source=gbs_api",
canonicalVolumeLink:
"https://books.google.com/books/about/Female_Force_J_K_Rowling.html?hl=&id=WpkWErgxgssC",
},
saleInfo: {
country: "GB",
saleability: "NOT_FOR_SALE",
isEbook: false,
},
accessInfo: {
country: "GB",
viewability: "PARTIAL",
embeddable: true,
publicDomain: false,
textToSpeechPermission: "ALLOWED",
epub: {
isAvailable: false,
},
pdf: {
isAvailable: true,
acsTokenLink:
"http://books.google.co.uk/books/download/Female_Force_J_K_Rowling-sample-pdf.acsm?id=WpkWErgxgssC&format=pdf&output=acs4_fulfillment_token&dl_type=sample&source=gbs_api",
},
webReaderLink:
"http://play.google.com/books/reader?id=WpkWErgxgssC&hl=&source=gbs_api",
accessViewStatus: "SAMPLE",
quoteSharingAllowed: false,
},
searchInfo: {
textSnippet:
"Describes the life of the British author, from her childhood influences and struggles with her personal life to becoming one of the most popular authors of her generation.",
},
},
{
kind: "books#volume",
id: "gX2lAgAAQBAJ",
etag: "GcrU0oxDZwA",
selfLink: "https://www.googleapis.com/books/v1/volumes/gX2lAgAAQBAJ",
volumeInfo: {
title: "J. K. Rowling",
authors: ["Colleen A. Sexton"],
publisher: "Twenty-First Century Books",
publishedDate: "2007-10-01",
description:
"Presents a biography of celebrated author, J.K. Rowling, and chronicles her life, personal and professional challenges and achievements, and how she rose from poverty to eventually set records in the publishing industry with her Harry Potter series.",
industryIdentifiers: [
{
type: "ISBN_13",
identifier: "9780822579496",
},
{
type: "ISBN_10",
identifier: "0822579499",
},
],
readingModes: {
text: false,
image: true,
},
pageCount: 116,
printType: "BOOK",
categories: ["Juvenile Nonfiction"],
maturityRating: "NOT_MATURE",
allowAnonLogging: false,
contentVersion: "preview-1.0.0",
panelizationSummary: {
containsEpubBubbles: false,
containsImageBubbles: false,
},
imageLinks: {
smallThumbnail:
"http://books.google.com/books/content?id=gX2lAgAAQBAJ&printsec=frontcover&img=1&zoom=5&edge=curl&source=gbs_api",
thumbnail:
"http://books.google.com/books/content?id=gX2lAgAAQBAJ&printsec=frontcover&img=1&zoom=1&edge=curl&source=gbs_api",
},
language: "en",
previewLink:
"http://books.google.co.uk/books?id=gX2lAgAAQBAJ&printsec=frontcover&dq=jk+rowling&hl=&cd=9&source=gbs_api",
infoLink:
"http://books.google.co.uk/books?id=gX2lAgAAQBAJ&dq=jk+rowling&hl=&source=gbs_api",
canonicalVolumeLink:
"https://books.google.com/books/about/J_K_Rowling.html?hl=&id=gX2lAgAAQBAJ",
},
saleInfo: {
country: "GB",
saleability: "NOT_FOR_SALE",
isEbook: false,
},
accessInfo: {
country: "GB",
viewability: "PARTIAL",
embeddable: true,
publicDomain: false,
textToSpeechPermission: "ALLOWED",
epub: {
isAvailable: false,
},
pdf: {
isAvailable: true,
acsTokenLink:
"http://books.google.co.uk/books/download/J_K_Rowling-sample-pdf.acsm?id=gX2lAgAAQBAJ&format=pdf&output=acs4_fulfillment_token&dl_type=sample&source=gbs_api",
},
webReaderLink:
"http://play.google.com/books/reader?id=gX2lAgAAQBAJ&hl=&source=gbs_api",
accessViewStatus: "SAMPLE",
quoteSharingAllowed: false,
},
searchInfo: {
textSnippet:
"Presents a biography of celebrated author, J.K. Rowling, and chronicles her life, personal and professional challenges and achievements, and how she rose from poverty to eventually set records in the publishing industry with her Harry ...",
},
},
{
kind: "books#volume",
id: "FjMbGietIZ4C",
etag: "tKZKjHK+sUo",
selfLink: "https://www.googleapis.com/books/v1/volumes/FjMbGietIZ4C",
volumeInfo: {
title: "The Casual Vacancy",
authors: ["J.K. Rowling"],
publisher: "Hachette UK",
publishedDate: "2012-09-27",
description:
"When Barry Fairbrother dies in his early forties, the town of Pagford is left in shock. Pagford is, seemingly, an English idyll, with a cobbled market square and an ancient abbey, but what lies behind the pretty facade is a town at war. Rich at war with poor, teenagers at war with their parents, wives at war with their husbands, teachers at war with their pupils. . . Pagford is not what it first seems. And the empty seat left by Barry on the parish council soon becomes the catalyst for the biggest war the town has yet seen. Who will triumph in an election fraught with passion, duplicity and unexpected revelations? A big novel about a small town, THE CASUAL VACANCY is J.K. Rowling's first novel for adults. It is the work of a storyteller like no other.",
industryIdentifiers: [
{
type: "ISBN_13",
identifier: "9781405519229",
},
{
type: "ISBN_10",
identifier: "1405519223",
},
],
readingModes: {
text: true,
image: false,
},
pageCount: 480,
printType: "BOOK",
categories: ["Fiction"],
averageRating: 3,
ratingsCount: 309,
maturityRating: "NOT_MATURE",
allowAnonLogging: true,
contentVersion: "1.14.15.0.preview.2",
panelizationSummary: {
containsEpubBubbles: false,
containsImageBubbles: false,
},
imageLinks: {
smallThumbnail:
"http://books.google.com/books/content?id=FjMbGietIZ4C&printsec=frontcover&img=1&zoom=5&edge=curl&source=gbs_api",
thumbnail:
"http://books.google.com/books/content?id=FjMbGietIZ4C&printsec=frontcover&img=1&zoom=1&edge=curl&source=gbs_api",
},
language: "en",
previewLink:
"http://books.google.co.uk/books?id=FjMbGietIZ4C&printsec=frontcover&dq=jk+rowling&hl=&cd=10&source=gbs_api",
infoLink:
"https://play.google.com/store/books/details?id=FjMbGietIZ4C&source=gbs_api",
canonicalVolumeLink:
"https://play.google.com/store/books/details?id=FjMbGietIZ4C",
},
saleInfo: {
country: "GB",
saleability: "FOR_SALE",
isEbook: true,
listPrice: {
amount: 4.99,
currencyCode: "GBP",
},
retailPrice: {
amount: 4.99,
currencyCode: "GBP",
},
buyLink:
"https://play.google.com/store/books/details?id=FjMbGietIZ4C&rdid=book-FjMbGietIZ4C&rdot=1&source=gbs_api",
offers: [
{
finskyOfferType: 1,
listPrice: {
amountInMicros: 4990000,
currencyCode: "GBP",
},
retailPrice: {
amountInMicros: 4990000,
currencyCode: "GBP",
},
giftable: true,
},
],
},
accessInfo: {
country: "GB",
viewability: "PARTIAL",
embeddable: true,
publicDomain: false,
textToSpeechPermission: "ALLOWED",
epub: {
isAvailable: true,
acsTokenLink:
"http://books.google.co.uk/books/download/The_Casual_Vacancy-sample-epub.acsm?id=FjMbGietIZ4C&format=epub&output=acs4_fulfillment_token&dl_type=sample&source=gbs_api",
},
pdf: {
isAvailable: false,
},
webReaderLink:
"http://play.google.com/books/reader?id=FjMbGietIZ4C&hl=&source=gbs_api",
accessViewStatus: "SAMPLE",
quoteSharingAllowed: false,
},
searchInfo: {
textSnippet:
"Who will triumph in an election fraught with passion, duplicity and unexpected revelations? A big novel about a small town, THE CASUAL VACANCY is J.K. Rowling&#39;s first novel for adults. It is the work of a storyteller like no other.",
},
},
],
};

68
src/index.css Normal file
View File

@ -0,0 +1,68 @@
:root {
font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
line-height: 1.5;
font-weight: 400;
color-scheme: light dark;
color: rgba(255, 255, 255, 0.87);
background-color: #242424;
font-synthesis: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
a {
font-weight: 500;
color: #646cff;
text-decoration: inherit;
}
a:hover {
color: #535bf2;
}
body {
margin: 0;
display: flex;
/* place-items: center; */
min-width: 320px;
min-height: 100vh;
}
h1 {
font-size: 3.2em;
line-height: 1.1;
}
button {
border-radius: 8px;
border: 1px solid transparent;
padding: 0.6em 1.2em;
font-size: 1em;
font-weight: 500;
font-family: inherit;
background-color: #1a1a1a;
cursor: pointer;
transition: border-color 0.25s;
}
button:hover {
border-color: #646cff;
}
button:focus,
button:focus-visible {
outline: 4px auto -webkit-focus-ring-color;
}
@media (prefers-color-scheme: light) {
:root {
color: #213547;
background-color: #ffffff;
}
a:hover {
color: #747bff;
}
button {
background-color: #f9f9f9;
}
}

10
src/main.jsx Normal file
View File

@ -0,0 +1,10 @@
import React from "react";
import ReactDOM from "react-dom/client";
import App from "./App1.jsx";
import "./index.css";
ReactDOM.createRoot(document.getElementById("root")).render(
// <React.StrictMode>
<App />
// </React.StrictMode>
);

15
src/reducer.js Normal file
View File

@ -0,0 +1,15 @@
import { CLEAR_LIST, RESET_LIST } from "./actions";
import { data } from "./data";
const reducer = (state, action) => {
if (action.type === CLEAR_LIST) {
return { ...state, books: [] };
}
if (action.type === RESET_LIST) {
return { ...state, books: data };
}
// return state;
throw new Error(`No matching "${action.type}" - action type`);
};
export default reducer;

7
vite.config.js Normal file
View File

@ -0,0 +1,7 @@
import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
// https://vitejs.dev/config/
export default defineConfig({
plugins: [react()],
})