Skip to content

๐Ÿ“š Book app that allows users to search for books, add books to book lists, share book lists, and chat in online book clubs. Built with React, Redux, ActionCable, custom infinite scroll, and JWT Auth.

License

Notifications You must be signed in to change notification settings

aresnik11/booked-frontend

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

52 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

Booked

Booked is a book app that allows users to search for books, add books to book lists, share book lists, and chat in online book clubs.

The frontend repo is deployed via Netlify, and the backend repo (here) is deployed via Heroku. Visit the site at https://booked.netlify.app.

Netlify Status

Booked Book Lists

Booked Books

Demo

Booked Demo

You can watch a live demo of the app here or visit the site at https://booked.netlify.app.

Technology Used

  • React
  • Redux
  • Websockets via ActionCable
  • Google Books API
  • Custom infinite scroll
  • React Router
  • Semantic UI
  • Custom CSS
  • JWT Authentication
  • Ruby on Rails
  • PostgreSQL database
  • ActiveModel Serializer

The GitHub repo for the backend can be found here.

Features

Booked allows users to:

  • Create an account
  • Securely log in to an existing account
  • Create a new book list
  • Share a book list with another user
  • Delete a book list
  • Search for books by title, author, or genre - makes live calls to the Google Books API
  • Automatically load next 40 books from search when user reaches the bottom of the page
  • Click the back to top button to take the user back to the top of the search page
  • Add a book to one of their book lists
  • Remove a book from one of their book lists
  • Create a new book club
  • Chat with other users in real-time in a book club
  • Delete a book club
  • Securely log out
  • Delete their account

How To Use

Visit the site at https://booked.netlify.app.

To test on your own machine:

  1. Visit the backend repo here and follow instructions on the README. The backend server should be started before the next steps are run.
  2. Clone this repository
  3. Update all fetch request urls within actions to the url where your rails server is running
  4. In terminal run
npm install
npm start

Enjoy!

About

๐Ÿ“š Book app that allows users to search for books, add books to book lists, share book lists, and chat in online book clubs. Built with React, Redux, ActionCable, custom infinite scroll, and JWT Auth.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published