Skip to content

Book search web app frontend, built with React and Material UI

Notifications You must be signed in to change notification settings

lc1715/BookMarker-Frontend

Repository files navigation

BookMarker App

Live Demo: bookmarker-tbif.onrender.com image

BookMarker is a book search web application where users can search for a plethora of books to read. It utilizes book data from the Google Books API and NYT Books API allowing for an extensive search and a variety of books to explore.

Key Features

  • Responsive website
  • Search for books using the regular search bar or advanced search bar
  • Save your books in your 'Read' or 'Wish To Read' lists
  • Write, edit, or delete a review
  • Option to see all reviews on a book
  • Add a star rating on a book

Tech Stack

  • Database: PostgreSQL
  • Backend: Express.js, Node.js, pg(node-postgres)
  • Frontend: React, Material UI
  • API: Google Books API, New York Times Books API

Repositories

Setup the Backend

  1. Clone the project into a local directory
git clone https://github.com/lc1715/BookMarker-Backend.git
  1. Install dependencies
npm install
  1. Create the database in PostgreSQL
createdb bookmarker_db
  1. Load tables into the database by using existing SQL file
psql < bookmarker.sql
  1. Start the server
nodemon server.js

Setup the Frontend

  1. Clone the project into a local directory
https://github.com/lc1715/BookMarker-Frontend.git
  1. Install dependencies
npm install
  1. Start the React app
npm run dev

Testing

Running backend tests

  1. Navigate to backend directory
cd BookMarker-Backend
  1. Run tests
jest -i

Running frontend tests

  1. Navigate to frontend directory
cd BookMarker-Frontend
  1. Run tests
npm test

About

Book search web app frontend, built with React and Material UI

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages