Hackaton 2021

#lescodeursnelagerpas Youtube_Clone

A small demo of the app : demo

As part of the Hackaton organized in 2021 by #lescodeursnelagerpas we chose to clone some features of youtube. In the document below we will list the different features that will be implemented in the application.

DIFFERENT FEATURES

The clone To develop the application we will use VueJS for the frontend and Spring Boot for the backend. The application will have the following features:

USER (Not logged in)

1. See Videos ✔

2. Register ✔

3. Login ✔

4. Search video by title (optional) ✔

USER (logged in)

1. See videos ✔

2. likes videos ✔

3. change name, password and profile data ✔

4. saved videos liked (optional) ✔

5. Comments videos ✔

6. Delete own comment ✔

7. Edit comment

Moderator

1. Add videos ✔

2. Delete videos ✔

3. Delete Users comments (optional) ✔

4. Edit videos

Admin

1. Ban users ✔

2. update roles

INSTALLATION

To install and run this project follow these steps:

1. Clone this repository

2. Install Gradle Dependency in hackaton/backend

3. Go to (hackaton/frontend) and run "npm install" command to download frontend dependencies

RUN THE PROJECT

1. Go to (hackaton/frontend) and run "npm run serve". The app will start on port 8080

2. Go to (hackaton/backend/src/main/java/com/majumbum/youtube_clone/) und start the Spring Boot Rest Api with "YoutubeCloneApplication.java" as main class (The api will start on port 8090)

3. Or go on your command line : cd backend and then ./gradlew bootRun

Used Technologie

1. Vue with Vuex(Store an state Management)

2. Axios for the http Request

3. Java Spring Boot for the Backend

4. H2 Virtual Database with JPA

API DOC

To see the API DOC :

1. Go to backend/API-documentation and Open Swagger UI.html

2. The Best Way ! Run the Spring Boot Application and goto http://localhost:8090/swagger-ui/

App Sample