TokoPlay

TokoPlay is a frontend of Tokopedia Play clone built in ReactJS (Vite) and Chakra UI. For the backend service can be checked on this repo

Features

List of Videos
Detail of each video
Live Comment using SocketIO
Search video
Dynamic Username

Database Schema

    erDiagram
        videos {
            ObjectID _id
            string title
            string store
            string thumbnailUrl
            string videoUrl
            number totalView
            timestamp createdAt
            timestamp updatedAt
        }

        products {
            ObjectID _id
            String videoId
            string title
            string link
            string imageUrl
            number price
            timestamp createdAt
            timestamp updatedAt
        }

        comments {
            ObjectID _id
            String videoId
            string username
            string comment
            timestamp createdAt
            timestamp updatedAt
        }

Running the Frontend

Running directly via terminal (npm)

Prerequisites

Have installed NodeJS v18 on the machine
Have running backend service on a local machine

Step to Run

Clone the repo to your local machine

git clone git@github.com:limglenaldin/tokopedia-play-clone-fe.git

Change the directory
```
cd tokopedia-play-clone-fe
```
Create a .env file by running cp .env.example .env
Install dependencies and start the development server
```
npm install
npm run dev
```
Finally, it can be accessed on http://localhost:3000

Running via Docker Compose

Prerequisites

Have installed docker on the machine
Have installed make on a terminal (optional)

Step to Run

Clone the repo to your local machine

git clone git@github.com:limglenaldin/tokopedia-play-clone-fe.git

Change the directory
```
cd tokopedia-play-clone-fe
```
Compose Docker Container and wait until done
```
docker-compose -f docker-compose.yml up --build -d
```
or if it has installed make
```
make compose-up
```
Finally, it can be accessed on http://localhost:3000

Running via Pull Docker Image

Prerequisite

Have installed docker on the machine

Step to Run

Pull the docker image to your local machine
```
docker pull limglenaldin/tokoplay
```

Create a container

docker run -d -p 3000:3000 --name tokoplay limglenaldin/tokoplay

Finally, it can be accessed on http://localhost:3000