gsg-g11/gsg-library

GSG-Library is a Web-based service that collects a lot of books on our database.

GSG-Library 📚

• Description
• Links
• User Journey
• User stories
• Technologies
• ERD
• Setup
• Installation
• Team Members

---

✧ Description

GSG-Library is a Web-based service that collects a lot of books on our database.

---

✧ Links

• Schema Link

• Heroku link

---

✧ User Journey

The user will open the home page and browse through available books and when they see a book they like they can add it to their favorite by pressing the heart button.

---

✧ User Stories

• As a user, I want to show all available books in the library.
• As a user, I want to add a book to my favorite.
• As a user, I want to see all books in my favorite.

---

✧ Technology and Tools that we used

• HTML
• CSS
• JavaScript
• Express js
• Postgres
• Heroku

---

✧ Entity Relationship Digram

---

✧ Setup

Dependencies

• express
• pg
• bcrypt
• env2
• joi
• cookie-parser
• jsonwebtoken
• compression

Dev Dependencies

• eslint
• nodemon
• jest
• cross-env
• supertest

---

✧ Installing the project locally

• git clone https://github.com/GSG-G11/GSG-Library.git
• code GSG-Library
• npm i
• npm run start

---

✧ Team Members

• Nada Abuzaid
• Karam Zomlut
• Mohammed Helles
• Amran Elmasri

gsg-library's Issues

Create File Structure

client

• css
  • style.css
• js
  • index.js

views

• index.html
• main.html

server

• database
  • config
    • connection.js
    • build.sql
    • index.js
  • queries
    • index.js
  • index.js
• controllers
  • index.js
• validation
  • signinSchema.js
  • signupSchema.js
  • index.js
• router
  • route.js
  • index.js
• middleware
  • index.js
• app.js
• index.js

[JS] Create Connection File

[JS] handle signin validation

create validation for the sign in

[ HTML CSS ] Create favourite page

Create favorite page

[HTML-CSS-JS] Handle 404, 500 Errors

[JS] Handle Signup process

• Create a signup query to add users info to the database
• Create controller
• Add route /signup to route file
• Add validation
• Add cookies

[JS] Handle add favourite process

• Create a addfav query
• Create controller and check if the user logged in or not
• Add route /book/:id/favourite to route file

Status code for creating new object is 201 not 200

GSG-Library/server/controllers/addUserController.js

Line 38 in 89a652b

.status(200)

[JS] Handle render books process

• Create getBooks query
• Create controller
• Add /books/view route in router file

Sparate routers

GSG-Library/server/router/route.js

Line 6 in 89a652b

const {

You were able to organize your file structure more by putting each type of router in a separate file. This will make your project more scalable.

[JS] Handle logout process

• Add /logout route in the router file
• Check Authentication
• Create logout Controller

[HTML CSS] create sign in form

create sign in form

[Testing] Test some Routes

• Test view books route
• Test login route
• Test sign up route

Why don't you use the middleware

GSG-Library/server/controllers/addUserController.js

Line 42 in 89a652b

res.status(500).json({ message: 'Error!' });

For the messages with a server error, you already handle the server error in another middleware, how can you use it here?

• the status code for the validation error is 400, not 401

Update Readme File

Add the below points to the readme file

• Description
• Links
• User Journey
• User stories
• Technologies
• ERD
• Setup
• Installation
• Team Members

[Database] Database Setup

• Create user and database
• Create tables as the schema below

validate the user data asynchronously

GSG-Library/server/controllers/addUserController.js

Line 11 in 89a652b

const { error, value } = signupSchema.validate(

[HTML, CSS] Create Home Page

Basic Rules

Database

Diagram Link

[HTML-CSS-JS] Signup Client Side

[JS] Handle Signin process

• Create a signin query
• Create controller
• Add route /signin to route file

Don't disable eslint rules!!

GSG-Library/server/index.js

Line 1 in 89a652b

/* eslint-disable no-unused-vars */

[JS] Server Setup

TASKS

• create the server
• create the middleware

Init eslint

node_modules/.bin/eslint --init