https://github.com/dmon46/sshop_reactjs_seller
This is a seller center using React.JS 19 for the SShop project, an e-commerce platform inspired by TikTok Shop
https://github.com/dmon46/sshop_reactjs_seller
Last synced: 3 months ago
JSON representation
This is a seller center using React.JS 19 for the SShop project, an e-commerce platform inspired by TikTok Shop
- Host: GitHub
- URL: https://github.com/dmon46/sshop_reactjs_seller
- Owner: dino4608
- Created: 2024-12-19T09:01:29.000Z (5 months ago)
- Default Branch: master
- Last Pushed: 2025-01-10T17:06:07.000Z (5 months ago)
- Last Synced: 2025-02-14T13:46:00.498Z (3 months ago)
- Language: TypeScript
- Homepage:
- Size: 6.22 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# E-commerce Single-page Frontend with Client-side Rendering
This is a single-page frontend with client-side rendering built with React.JS 19 for an e-commerce platform similar to TikTok Shop. It supports various functionalities such as product management, user management, order processing, and more // todo: continue README. //Ctrl + Shift + V to preview the README file on Vscode
Thinking in React: The first task của a React developer không phải là việc hì hục coding. Thay vào đó, chúng ta nên thực hiện việc chia layout, như là: xác định đâu là thành phần có thể tái sử dụng được, bố cục và vị trí của nó như thế nào.
## How to run
- //to yarn build and preview
## Technology
- React.JS 19 (Yarn, TS, Vite, SWC)
- React Router
- Axios
- Ant design
- Socket.io (an real-time library)
React.JS
- Was first appeared in 2012 and migrated the market from multi-page websites with server-side rendering to single-page applications with client-side rendering
- Reuse components
- Own a single page and no reloading required
- Real-time features. Example: Binance, SSI
Yarn
- yarn: install all
- yarn add library-name@latest --exact
## Project
- Vite:
- announce the bugs in the console (note)
- Server: localhost
- Port: 3066
- //todo: Context-path: sshop
- //build
Git rule
- For new future, please set the branch with name: "features/{features-description}" for the new branch name.
- For fix bug, please set the branch with name: "fix/{bug-description}" for the new branch name.
Reference:
- React.JS: https://react.dev/learn
- Vite.JS: https://vite.dev/guide
- HTML events: https://www.w3schools.com/tags/ref_eventattributes.asp