Novel Finds Frontend

Novel Finds is an app designed to keep track of what you're reading and to join book clubs in your area.

This project was bootstrapped with Create React App.

Motivation

This app exists to give book lovers a place to keep track of what they've read or what they want to read. For those that want to join a book club to connect with other book lovers, users can create and join book clubs.

Features

• Create an account/ Login with a username and password if an exisiting user
• Search for books using the Google Books API, add a book from search which will appear in "Want to read" section
• Each user has a "Read", "Currently Reading", and "Want to read" sections
• For each of the user's book, users can click image for more information, leave a review, favorite, and change its category
• Can filter books from A-Z, Z-A or by favorited books
• Users can create a new book club or search for book clubs using their zip code
• Can join a bookclub or leave a bookclub if already a member
• On a bookclub's page, there is an information snippet including attendees, address, time, decription and name of the host. Bookclub pages also include a discussion forum where users can post comments about the bookclub.
• Users have the ability to search for reviews by entering the title of a book

Demo

Demo Video

Screenshots

February 2019 Styling Update:

December 2018:

Backend

Application backend and instructions for setup: Novel Finds Backend

Built with

• React
• Redux
• Custom CSS
• Ruby on Rails backend API

API Reference

This app utilizes the Google Books Api

Google Books Documentation

Available Scripts

In the project directory, you can run:

npm install

Installs Node Package Manager

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

npm test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.