skku-market

Introduction

Buy and sell used goods! You can post items you want to sell or express your interest in items you want to buy.

How to run

download source files, NEED db.config.js !! check …/wpl-final/backend/app/config/db.config.js is exist
go to ‘backend’ directory npm install
At ‘backend’ directory and start backend server with ‘node app.js’
open ‘index.html’ (with live server extension recommended)

Used tech

Front-end

Back-end

Database

Implement

1. Index page (index.html)

[Logout status]

You can check the list of second-handed items that have been uploaded
You can login/register via the buttons on the top right
If ‘Add new post’ is pressed, you can go to the new post page and upload new post. But you have to login first.
You can check the title, price, and a number of comments for each post

[Login status]

After you login-ed, the buttons on the top right are changed respectively ‘nickname ‘and ‘logout’. ‘nickname’ button is same with common ‘my page’ button
You can go add new post page directly because you are logging in.

2. Login page (login.html)

You can login through two information ‘email’, ‘password’
If the member information does not match, then error message is popped up via alert
The moment you press the login button and successfully working, look up information from database through HTTP methods

3. Sign up page (signup.html)

You can register user through the registration process above
Each input boxes have rules, you may pay attention to the input values
The moment you press the Sign Up button and successfully working, then create user information in database through HTTP methods

4. Detail page (detail.html)

Get Image, author, title, price, comment, … from backend server, display data to the user
When you are not a member(non-login) if you press ‘reply’ button, you will fail to write a comment
When you are a member(login) if you input text in comment box and press ‘reply’ button, you can write comment.
Comments written are cumulatively stored in database from HTTP methods
Comments written by anyone have user nickname and content

5. Add post page (newProduct.html)

In Add new product page, you can upload post you want to buy
You can upload images from local files and input post title, price, content
If you press the button after writing a post, you can see that the post is uploaded successfully

6. My page (myPage.html)

In my page, you can check your personal information
If you press the ‘User Posts’ list, you can go post detail page you clicked

Database with MySQL