Gutenberg Books App

A simple React app to read and search books from Project Gutenberg API.

Table of contents

• Overview
• How to run app locally
  • The task
  • Demo
  • Links
• My process
  • Built with
  • What I learned
  • Useful resources
• Author

Overview

Gh-pages | Live Url: https://lowesilvan.github.io/Portfolio/

How to run app locally

git clone https://github.com/lowesilvan/project-gutenberg-book-app.git
cd project-gutenberg-book-app
npm install
npm start

The task

User-side requirements:

• Display a list of books
• Let the user mark books as favorite
• Let the user search and filter books - use the fields our API returns
• Let the user actually read books
• Try to make it pretty and user-friendly 😉 You can add any functionality you feel like.

Demo

• Desktop view

desktop_demo.mp4

---

• Mobile View

mobile_demo.mp4

Links

• Live Site URL: Live Site

My process

Built with

• [ReactJs] (https://reactjs.org/)
• [Chakra UI] (https://chakra-ui.com/)
• [Redux Toolkit] (https://redux-toolkit.js.org/)
• [CSS] (https://developer.mozilla.org/en-US/docs/Web/CSS)
• [Redux Persist] (https://www.npmjs.com/package/redux-persist)
• [React router dom v6] (https://reactrouter.com/docs/en/v6/getting-started/overview)

What I learned

• redux-persist
• Pagination

Author

• LinkedIn - @lowesilvan