Tokopeduli play is a website-based application created to display a list of videos that have several products and the videos can be viewed as embeds, and can add comments to a product. This application is my final project in GIGIH Generation 3.0. Using tech stack:
- Typescript
- React JS
- Chakra UI
- Formik
- Yup
- Axios
-
Home page
- User can see all of card videos list.
- User can click the card for move to detail video page.
- The card share information about thumbnail image, title video, and author of the video.
-
Detail video page
- User can see and watch embeed video from Youtube,
- All list products of the video, comment list for the video, and add comment for the video.
Before install the project you need to clone or download the backend app to this link midterm-gigih and don't forget to read the docs.
After it use the package manager yarn to install Tokopeduli play.
yarn install
Use yarn dev script to run the project in your local computer and open http://localhost:5173/ to view in your browser.
yarn dev
The page will reload when you make changes.
You may also see any lint errors in the console.
![](https://private-user-images.githubusercontent.com/100346233/256411961-6122f49a-91e7-46b9-9cb5-3210878956d0.jpg?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkxMDMyMzMsIm5iZiI6MTczOTEwMjkzMywicGF0aCI6Ii8xMDAzNDYyMzMvMjU2NDExOTYxLTYxMjJmNDlhLTkxZTctNDZiOS05Y2I1LTMyMTA4Nzg5NTZkMC5qcGc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjA5JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIwOVQxMjA4NTNaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0wODc0ODA3YmVhODk0ZGYxMjQ3Y2MzZDRjYzA2NzgwNGUxNDU3YWE3YmU4YTgxN2VlODIwMjQ4NTJiNzlkN2EzJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.HYafAo00y7MsRYX2igRfcz6GfCHwMkJAKubO4AZME8U)
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.
Please make sure to update tests as appropriate.