React Books App

This is a solution to the task.

Table of contents

• Overview
  • Objectives
  • Task
  • Links
• My process
  • Built with
• Author

Overview

Objectives

• Consume a web service
• Create a responsive UI
• Create multiple pages and work with routing
• Use local storage and work with app state

Task

The task is to create a two-screen application listing items from the API of my choice. The application should include the functionality for adding items to “favorites”.

First screen should consist of all items displayed in a form of a list or a grid (or anything that works for displaying multiple items). From this screen, users should be able to add items to a list of their favorite items, as well as remove them from the favorites list. Each item should also somehow indicate whether it is already saved to favorites or not.

The second screen will be a list of all items marked as favorites, and should include the functionality for removing the items from favorites.

Use one of free REST APIs or GraphQL APIs to get the data for your application.

Make your application responsive across all screens.

Links

• Solution URL: https://github.com/klara-pavlov/books-react
• Live Site URL: https://react-books-klara-pavlov-2021.netlify.app/

My process

Built with

• React.js
• React Router
• Context API
• Google Books API: Just React.js books on Google Books API
• CSS Grid

Author

• Frontend Mentor - @klara-pavlov
• GitHub - @klara-pavlov
• LinkedIn - @klara-pavlov
• Instagram - @klara.pavlov