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

1. download source files, NEED db.config.js !! check …/wpl-final/backend/app/config/db.config.js is exist
2. go to ‘backend’ directory npm install
3. At ‘backend’ directory and start backend server with ‘node app.js’
4. 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