https://github.com/riyuze/shopediasobu-web
Web Platform for a live streaming & live shopping platform. Inspired by Tokopedia Play. Built using Typescript, ReactTS, MaterialUI, Axios, and SWR.
https://github.com/riyuze/shopediasobu-web
axios materialui react swr typescript
Last synced: 6 months ago
JSON representation
Web Platform for a live streaming & live shopping platform. Inspired by Tokopedia Play. Built using Typescript, ReactTS, MaterialUI, Axios, and SWR.
- Host: GitHub
- URL: https://github.com/riyuze/shopediasobu-web
- Owner: Riyuze
- Created: 2023-08-15T10:07:13.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-08-15T13:41:25.000Z (over 2 years ago)
- Last Synced: 2025-03-13T03:42:39.241Z (9 months ago)
- Topics: axios, materialui, react, swr, typescript
- Language: TypeScript
- Homepage: https://riyuze.github.io/shopediasobu-web/
- Size: 271 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Shopediasobu-web
https://riyuze.github.io/shopediasobu-web/
Web Platform for a live streaming & live shopping platform. Inspired by Tokopedia Play. Built using Typescript, ReactTS, MaterialUI, Axios, and SWR.
## Features
### Videos List
Contains a list of videos that can be clicked to view it's details. The list will show each video's thumbnail, title, and it's chanel name. \
*Do note that the thumbnail, title, and channel name may not be correlated and could be gibberish as it is mocked.
### Search
You are able to look for specific video title using the search functionality.
### Video Details
Clicking on a video will redirect you to a page where you can watch the video, view it's products, and also view it's comments. You can also leave a comment on the video.
### Product List
On each video detail's page there will be a list of items that specific video is trying to sell. \
*Do note that the products and video may not be correlated and could be gibberish as it is mocked.
### Comment List
On each video detail's page there will be a list of comments that is left on that specific video. \
*Do note that the comments and video may not be correlated and could be gibberish as it is mocked.
### Real-time Comments
Comments added on the videos will be updated real-time.
## How to Run
1. Fork the code.
2. In the root directory do ```npm install``` or ```yarn install```.
3. Do ```npm run dev``` to start the server in developer mode.
4. Open your local URL and test the project out!