Skip to content

All-in-one place to Browse, Search & Buy books conveniently.

Notifications You must be signed in to change notification settings

architadesai/books-app-react

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Books' App

All-in-one place to Browse, Search & Buy books conveniently.

Installation Instructions

  • After unzipping (or cloning) the repository, go inside the directory containing the project.
  • Note: You can clone the repository from following URL:
    • git clone https://github.com/ArchitaDesai/books-app-react
    • cd books-app-react
  • Install all the dependencies:
    • npm install
  • To run the app, run following command:
    • npm start

Features Implemented

  • Fetched the books data from API
    • Used a CORS-anywhere API to overcome cross-site origin error when fetching data from the API
  • The books are displayed as a sorted list (sorted by books' ID)
  • Ratings of books are displayed in the star format
  • Search books by Title and Author name
  • Checkout book to proceed to the Cart

Tech Stack

  • ReactJS
    • Framework used to create the whole app
  • Bootstrap 4
    • To make the app responsive
  • CORS-anywhere API
    • To overcome cross-site origin error when fetching data from API
  • StarRatings
    • Node Module, to display ratings in star format
  • Fontawesome
    • For icons

Screenshots

List of Books (Desktop)

List Books Desktop View

Star Rating Tooltip (Desktop)

Star Rating Tooltip on Hover Desktop


Search Books (Desktop)
Search Book Displays by Title
Checkout Book (Desktop)

Checkout Book Desktop View




Respoonsive React App - Works well in Tablet as well as in Mobile
List Books Mobile View Checkout Book Mobile

About

All-in-one place to Browse, Search & Buy books conveniently.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published