URL : https://adcanvas.site (크레딧 관련 문제로 막아둠)
시연영상(Youtube) : https://youtu.be/PbaudgglqF4
- Medium
- Demo
- System Architechture
- Tech stack
- ERD
- API
- Monitoring
- Directory Structure
- How to Start
- Member
AdCanvas의 간략한 설명을 담고 있습니다.
AI Images와 AI Videos 페이지로 이동할 수 있으며 각각 개별적으로 가능합니다.
업로드한 이미지의 배경을 제거해주고, 작성한 프롬프트 내용으로 배경을 생성해줍니다.
또한, 로고 부착과 텍스트 합성 또한 진행하여 이미지를 생성해줍니다.
Text to Video로 원하는 프롬프트 내용과 옵션들을 선택하여 비디오를 생성해줍니다.
Image to Video로 업로드한 이미지에 작성한 이미지의 정보와 프롬프트의 내용과 옵션들을 선택하여 비디오를 생성해줍니다.
또한, 프롬프트로 작성한 대본과 나레이션의 목소리를 선택하여 비디오를 생성해줍니다.
toriden.mp4
tera.mp4
coce.mp4
dam.mp4
| Field | Technology of Use |
|---|---|
| Frontend |
|
| Backend |
|
| Database |
|
| AI |
|
| DevOps |
|
| Monitoring |
|
| ETC |
|
AdCanvas-Backend
🗂️backend
┣🗂️.github
┃┗ 🗂️ISSUE_TEMPLATE
┣🗂️.gradle
┣🗂️.idea
┣🗂️bin
┣🗂️build
┣🗂️exporter/my-config.conf
┣🗂️gradle/wrapper
┣🗂️grafana/data
┃ ┣ 🗂️csv
┃ ┣ 🗂️pdf
┃ ┣ 🗂️plugins
┃ ┣ 🗂️png
┃ ┗ 📃grafana.db
┣🗂️prometheus
┃ ┗ 📃prometheus.yml
┣🗂️src
┃ ┣ 📂main
┃ ┣ 📂test
┣🗂️ttsfile
┣ 📃.env
┣ 📃.gitattributes
┣ 📃.gitignore
┣ 📃docker-compose.yml
┣ 📃Dockerfile
┣ 📃gradlew
┣ 📃gradlew.bat
┣ 📃Jenkinsfile
┣ 📃settings.gradle
AdCanvas-Frontend
🗂️frontend
┣🗂️.github
┃┗ 🗂️ISSUE_TEMPLATE
┣🗂️.idea
┃┗ 🗂️inspectionProfiles
┃ ┗ 📃.gitignore
┃ ┗ 📃encodings.xml
┃ ┗ 📃fronted.iml
┃ ┗ 📃misc.xml
┃ ┗ 📃modules.xml
┃ ┗ 📃vcs.xml
┃ ┗ 📃workspace.xml
┣🗂️.vite/deps
┃ ┣ 📃_metadata.json
┃ ┣ 📃package.json
┣🗂️node_modules
┣🗂️public
┣🗂️src
┃ ┣ 📂api
┃ ┣ 📂assets
┃ ┣ 📂components
┃ ┣ 📂context
┃ ┣ 📂pages
┃ ┣ 📂styles
┃ ┣ 📃App.css
┃ ┣ 📃App.jsx
┃ ┣ 📃index.css
┃ ┗ 📃main.jsx
┣ 📃.dockerignore
┣ 📃.gitignore
┣ 📃.docker-compose.yml
┣ 📃Dockerfile
┣ 📃.eslint.config.js
┣ 📃index.html
┣ 📃Jenkinsfile
┣ 📃package-lock.json
┣ 📃package.json
┣ 📃README.md
┗ 📃vite.config.js
git clone --recursive https://github.com/Capstone-AdCanvas/backend.git
- backend/.env
SPRING_DATASOURCE_URL=
SPRING_DATASOURCE_USERNAME=
SPRING_DATASOURCE_PASSWORD=
MYSQL_DATABASE=
MYSQL_ROOT_PASSWORD=
DRAPH_ART_URL=
DRAPH_ART_USERNAME=
DRAPH_ART_TOKEN=
FAL_KEY=
DEEPSEEK_KEY=
FFMPEG_MPEG=
FFMPEG_PROBE=
FFMPEG_SAVE_PATH=
CLOVA_TTS_URL=
CLOVA_TTS_CLIENT_ID=
CLOVA_TTS_CLIENT_SECRET=
CORS_ALLOWED_ORIGINS=
GCP_PROJECT_ID=
GCP_CREDENTIALS_JSON=
GCP_BUCKET_NAME=
GCP_CREDENTIALS_JSON_PATH=
gcp.credentials=
MYSQL_EXPORTER_DSN=
docker-compose up -d --build
git clone --recursive https://github.com/Capstone-AdCanvas/frontend.git
npm install
npm run dev
| Name | 진기태 | 배건우 | 장원진 | 황태진 |
|---|---|---|---|---|
| Position |
Team Leader Backend DevOps |
Backend |
Frontend |
Frontend |
