A web application where users can watch product sales videos and purchase the proucts. Users can also add comments about the products being sold, and use the search feature to find desired brands.
project ini telah selesai sampai production dan sudah dilakukan deployment di vercel.
link acces:
Home Page:
Input Brand into the search bar:
Go to detail page when user click watch button on the home page:
Clone down this repository. You will need node and npm installed globally on your machine.
Installation:
npm install
Install react router:
npm install react-router-dom
Install Chakra UI:
npm i @chakra-ui/react @emotion/react @emotion/styled framer-motion
To Run Test Suite:
npm test
To Start Server:
npm start
To Visit App:
https://fe-tokopedia-play-clone.vercel.app/
This is the 1 week final project during my participation in Generasi Gigih. This project is the culmination of the learning journey throughout my time in Generasi Gigih as a Full Stack participant. Until now, I'm still learning and familiarizing myself with the documentations for add new features for this project.
I want to create a web application where users can watch videos, browse products, and add comments. Users can also use the search feature to find brands whose products they want to see. I started this process by using the create-react-app, then add react-router-v6 and @Chakra-ui
While working on this project, I encountered several challenges such as implementing and utilizing custom hooks, creating efficient and reuseable components. Due to the time constraints of this project, I focused on ensuring that everything functions smoothly when integrated with the API I had previously developed (https://github.com/iyaiyayo26/BE-tokopedia-play-clone). That's why I used Chackra UI to expedite the application's interface development.
At the end of the day, the technologies implemented in this project are React, React-Router v6, Chakra UI. I chose to use the create-react-app to create a ready to use React project, including directory structure, configuration files, and necessary dependencies, and practice what I've learned at Generasi Gigih as a Full Stack participant