techeer-sv / Voilio

Voilio ✨

영상기반의 포트폴리오 웹 서비스 
당신을 영상에 담아보세요!

📹 Demo

https://www.youtube.com/watch?v=xF6UP7sfZlM

💡Tech Stack

- Frontend : React
- Backend : Spring Boot
- Web Server: Nginx
- DevOps : Docker
- Database: MySQL
- API Documentation : Swagger
- Deployment : AWS
- VCS: Git

💻 System Architecture

📗 API

🚀 How to Start

1. Clone Repository

git clone --recursive https://github.com/techeer-sv/Voilio.git

2. Install Pacakages

$ cd frontend
$ npm run build

3. Env Settings

• Add /Voilio/.env file

# === Database ===
MYSQL_ROOT_PASSWORD=
MYSQL_USER=
MYSQL_PASSWORD=
MYSQL_DATABASE=
SPRING_DATASOURCE_PASSWORD=

• Add /Voilio/backend/src/resources/application-secret.yml

# === S3Bucket ===
spring:
  config:
    activate:
      on-profile: secret

cloud:
  aws:
    credentials:
      accessKey: 
      secretKey: 
    s3:
      bucket: 
    region:
      static: 
    stack:
      auto: false

4. Run Docker

$ docker-compose up --build   
# build images and run containers

👨‍👩‍👧‍👦 Team Port

Name	정길연	강용민	김인철	백한결
Profile
Role	Team Leader, Backend, Frontend, DevOps	Backend, Frontend	Backend	Backend, DevOps
gitHub	gilyeon00	goldapple-ce	kimich1218	snake7667