MegaMarket-E-commerce

KO | EN

gitlite — search

#javascript #hacktoberfest #typescript #android #machine-learning #deep-learning #linux #docker #macos #kubernetes #vue #pytorch #ios #mcp

MegaMarket-E-commerce

(★ 9)

Full stack E-commerce website using Spring, Hibernate and React

MegaMarket-E-commerce 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# "MegaMarket" e-commerce website

## :wave: Hi, this is my full stack e-commerce website "MegaMarket"

## :computer: Technologies:
<img align="left" alt="Java" width="26px" src="https://raw.githubusercontent.com/devicons/devicon/1119b9f84c0290e0f0b38982099a2bd027a48bf1/icons/java/java-original.svg" style="padding-right:10px;" />
<img align="left" alt="Spring" width="26px" src="https://raw.githubusercontent.com/devicons/devicon/1119b9f84c0290e0f0b38982099a2bd027a48bf1/icons/spring/spring-original.svg" style="padding-right:10px;" />
<img align="left" alt="Mysql" width="26px" src="https://raw.githubusercontent.com/devicons/devicon/1119b9f84c0290e0f0b38982099a2bd027a48bf1/icons/mysql/mysql-original.svg" style="padding-right:10px;" />
<img align="left" alt="Hibernate" width="26px" src="https://design.jboss.org/hibernate/logo/final/hibernate_logo_whitebkg_stacked_256px.png" style="padding-right:10px;" />
<img align="left" alt="JavaScript" width="26px" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/javascript/javascript-original.svg" style="padding-right:10px;" />
<img align="left" alt="React" width="26px" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/react/react-original.svg" style="padding-right:10px;" />
<img align="left" alt="Elasticsearch" width="26px" src="https://seeklogo.com/images/E/elasticsearch-logo-C75C4578EC-seeklogo.com.png" style="padding-right:10px;" />

## :scroll: Descprition:
- Inspired by tiki.vn, this is a full stack e-commerce website where you can register as a customer or a seller.
- Sellers can upload their products, manage and update the status of their orders.
- Customers can search products via their names or categories, add products to cart, then make and manage their orders.

## :man_technologist: Technical details
- In front end, global state management is performed by React query in order to guarantee that the state is always updated with fresh data from server
- Authentication and authorization are implemented by using JWTs stored inside HttpOnly cookies on client side
- Any time users upload static resources (like images, videos, etc.) to server, the server will create a new name and a corresponding key for each file. Afterwards client side will use that key to access the corresponding file. The purpose of this is to prevent users to upload malicious files and then trigger them in the server.

## Screen shots
### Side menu
![image](https://user-images.githubusercontent.com/62020449/179223524-292c04a7-6682-4ffe-96af-d09e7a9e0379.png)
 
### Product search screen
![image](https://user-images.githubusercontent.com/62020449/179224004-da0c9c78-23c6-4ec3-94cb-06c95567431b.png)
 
### Product screen
![image](https://user-images.githubusercontent.com/62020449/179224376-7f883fcb-9abc-48a1-a209-4f93019ab9bc.png)

MegaMarket-E-commerce

MegaMarket-E-commerce 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

MegaMarket-E-commerce

MegaMarket-E-commerce 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README