Skip to content

πŸ“š πŸ’• πŸ“– Boogle is an web application that lets you search for books, discover new books for inspiration and add your favorite books to your personal book shelf. πŸ“š πŸ’• πŸ“–

Notifications You must be signed in to change notification settings

Theadejong/boogle

Β 
Β 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

BOOGLE

DESCRIPTION

This is an application where you can create your own personal bookshelf with books that you already read. The user has access to a lot of details about each book. With the implementation of the search bar, you will be able to look through a huge selection of books.

USER STORIES

404 - As a user you want to see a nice #404 page in case the page doesn't exist.

Homepage - As a user you want to be able to sign-up, log-in & access your profile and search for books.

Sign up - As a user you want to sign up so you can see the details of your book search & add them to your book shelf.

Login - As a user you want to log in and access your profile & bookshelf.

Logout - As a user you want to be able to log out from the webpage so that you can make sure no one will access your account.

UserProfile - As a user you want to access your profile and edit/delete/update your bookshelf.

Book-search-results - As a user you want to be able to search for a book and access the details of those books and save them to your profile.

MVP

  1. Wireframe
  2. Navigation / user flow
  3. Models Populate Schema
  4. Routes
  5. Views Partials Lay-out pages
  6. External API
  7. Log-in/log-out/Sign-up
  8. Edit, add, delete options
  9. Seach bar

BACKLOG

  1. Add book reviews
  2. Add another API (Unsplash) -Pick your personalized profile picture -Pimp your profile with adding a background -Carrousel images
  3. Edit picture
  4. Add extra bookshelf categories (read, favorite, want-to-read, etc)
  5. Disable add button
  6. Favicon
  7. See friends profiles
  8. Add NPM Flash (Error page that makes sense e.g.)
  9. Get a message to create a profile to create/save books

ROUTES

  • GET /

    • renders the homepage
  • GET /auth/signup

    • redirects to / if user logged in
    • renders the signup form
  • POST /auth/signup

    • redirects to / if user logged in
    • body:
      • username
      • email
      • password
  • GET /auth/login

    • redirects to / if user logged in
    • renders the login form (with flash msg)
  • POST /auth/login

    • redirects to / if user logged in
    • body:
      • username
      • password
  • POST /auth/logout

    • body: (empty)
  • GET /events

    • renders the event list + the create form
  • POST /events/create

    • redirects to / if user is anonymous
    • body:
      • name
      • date
      • location
      • description
  • GET /events/:id

    • renders the event detail page
    • includes the list of attendees
    • attend button if user not attending yet
  • POST /events/:id/attend

    • redirects to / if user is anonymous
    • body: (empty - the user is already stored in the session)

MODELS

  1. CreateBook title: String authors: [String] publishedDate: Date description: String bookPictureUrl: String pageCount: Number categories: [String] maturityRating: String user: Schema.Types.ObjectId

  2. SavedBook title: String authors: [String] publishedDate: Date description: String bookPictureUrl: String pageCount: Number categories: [String] maturityRating: String user: Schema.Types.ObjectId

  3. User username: string password: string email: string avatarUrl: String createdBooks: Schema.types savedBooks: Schema.types

Additional Links

PlanningΒ Trello: https://trello.com/invite/b/3hJemUKK/faab09474b2874e63db613c004cff7f8/boogle

Link to Figma: https://www.figma.com/file/kI97V1jQGciUDm7ivvijaz/Web-Dev-Collaboration-%7C-Group-9%3A-Maran%2C-Burak%2C-Elke?node-id=107%3A171

Link to flowchart: https://excalidraw.com/

Link to the application:

Link to the presentation:

About

πŸ“š πŸ’• πŸ“– Boogle is an web application that lets you search for books, discover new books for inspiration and add your favorite books to your personal book shelf. πŸ“š πŸ’• πŸ“–

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Handlebars 38.6%
  • JavaScript 31.6%
  • CSS 29.8%