hackerkid/Mind-Expanding-Books

Generate pages for all the books in website

Open

#279 opened on Oct 18, 2020

View on GitHub
 (8 comments) (0 reactions) (1 assignee)JavaScript (1,095 forks)batch import
gatsbyhacktoberfestreactwebsite

Repository metrics

Stars
 (10,904 stars)
PR merge metrics
 (No merged PRs in 30d)

Description

The task is to generate a unique page for each and every book present in our list.

The page should show the name of the book, year of publishing, description etc. Basically, all the details present in the book card would be shown in thhe page. The user can access the page by clicking on "Show more" in the book card.

The URL of the page can be in this format

/book/name-of-the-book-by-author-name

You don't have to create each and every page manually. You can programmatically generate pages in Gatsby

https://www.gatsbyjs.com/docs/creating-and-modifying-pages/

The data for the pages lives in app/src/data/books.json

We are already using Gatsby Pages in the website. Take a look at how category pages are generated to see how its done.

https://books.vishnuks.com/Philosophy-And-Psychology

Contributor guide

Research direction
Use Gatsby's createPages API in gatsby node.js to read books.json and create a page for each book with a slug based on the book's name and author. The page component should display all book details. Refer to how category pages are generated in the same project.
Tech stack
javascriptreact
Domain
frontend
Issue type
Feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
Half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
JavaScriptGatsbyReact
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
60