MHung31 / TheBookSocial

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

The Book Social

Live Site

TheBookSocial serves as a space for users to read novels together with the added capability to make commentary and reactions while reading directly in the text. Users will see indications that other users have left comments on the exact line they are reading and will be able to see and react to those comments. Reading novels will no longer just be a solo activity but can be a shared experience. Customize that experience by creating clubs to invite friends and see comments only by club members. Track user reactions to your comments to see how others liked your comments!

Wikipage

Technologies Used

  • Python
  • Flask
  • SQLAlchemy
  • JavaScript
  • React/Redux
  • CSS
  • AWS
  • Dictionary API
  • Docker

Overview

Once a user logs in, they'll be directed to a landing page with all available books Screenshot 2024-01-06 at 10 21 55 AM

  • From side panel, users can choose
    • All books
    • Favorites
    • Custom club
  • Book Attributes
    • Toggle favorites
    • Number of comments in a book
    • Book preview image, Title, Author

Upon selection of a book, users can read text and will see indications of comments Screenshot 2024-01-06 at 10 21 55 AM

  • Comments
    • Comments exist on single words
    • Double clicking a word opens a new comment box
    • Clicking on a word with double underscore lines opens existing comments

Users can react to existing comments Screenshot 2024-01-06 at 10 21 55 AM

Users can add comments Screenshot 2024-01-06 at 10 21 55 AM Users can look at definitions of selected word Screenshot 2024-01-06 at 10 21 55 AM

Users can create and customize clubs by managing members and managing books Screenshot 2024-01-06 at 10 21 55 AM

Users have access to a profile page Screenshot 2024-01-06 at 10 21 55 AM

  • Profile
    • Users can see reactions summary based on their comments
    • Users can update profile image through AWS and uploading an image
    • Users can manage friends

Developed By Matthew Hung

About


Languages

Language:JavaScript 47.3%Language:Python 37.6%Language:CSS 13.5%Language:Dockerfile 0.6%Language:Shell 0.5%Language:Mako 0.3%Language:HTML 0.2%