Code Monkey home page Code Monkey logo

booked-frontend's Introduction

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!

booked-frontend's People

Contributors

aresnik11 avatar

Stargazers

 avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.