Etsy Clone: swEtsy

swEtsy is a web application for practicing web development. It is inspired by Etsy. It mimics an online marketing platform, for people to list their products and buy products sold by others.

How to launch the full site:

swEtsy

Useful Links:

Wiki of this Project

DB Schema

User Stories

Feature List

Backend API Routes

Frontend API Routes

Redux Store Shape

The project is built with

• Python
• Flask
• WTForms
• SQLAlchemy
• SQLite
• PostgreSQL
• React
• Redux
• Redux-thunk
• Docker
• Heroku

Features Directions:

Index Page

You don't have to log in at this page. For demo user, you can click the login, and click demo user.

IMPORTANT: You can click the icon to go back to this index page at any other pages.

The route for main page is '/'.

The logged in user could see the profile menu from the navbar.

Product Detail

You can see product detail by clicking a product card in main page or search page, no matter logged in or not.

Operations like adding to cart and adding review requires the user logged in.

The owner who listed the product can see the edit button of the product.

Listing a new product

The user can click the "List A New Product" button in the profile menu, then it will be the page for creating a new product. It's a multi page form:

Click "back" to go to the previous page, or click "next" to go to the next page. In the final page, click "List Product" to go to the detail page of the product.

Product Edit and Delete

The owner can edit the product by clicking Edit, then the product edit panel will be shown.

The owner can delete the product by clicking Delete.

Review

The user can see the review score in search page, and the review details of the product in the product's detail page.

The user can see its all review by clicking "See Your Reviews" in the profile menu.

Edit or Delete Review

The user can edit a review by clicking "EDIT YOUR REVIEW" in myrevies page. Then the window for editing a review will show up. The user can edit the current review, then update it by clicking "Update My Review". The user can clear the whole review by clicking "Clear". If the user wants to delete the review, it can just click the "Delete" button.

Search Page

You don't have to log in to see this page. An empty keyword will show you all the products.

Or search with a keyword.

Also there are price filters the user can choose to target its dream products:

And the sorting rule for the user to change the order of products:

Cart Page

Must be logged to see cart page. Shows all cart items with options to increase quantity and remove item from cart

Clicking proceed with purchase will remove all items from cart.