Skip to content

boostcampwm-2024/web37-cloud-canvas

Repository files navigation

🎨 Cloud Canvas 🎨

쉽고 빠르게, 누구나 클라우드를 설계하는 즐거운 경험을!

Cloud Canvas ✨

Cloud Canvas는 클라우드 인프라를 그래픽 인터페이스로 손쉽게 설계하고, 이를 Terraform 코드로 자동 변환할 수 있는 혁신적인 도구입니다. 국내 클라우드 플랫폼을 지원하며, 사용자가 직관적으로 인프라를 설계하고 빠르게 배포할 수 있도록 돕습니다.

🌟 주요 기능

  • 🎨 직관적인 UI/UX
    클릭 몇 번으로 누구나 쉽게 클라우드 인프라 설계!

  • 💻 Terraform 코드 변환
    설계한 인프라를 자동으로 Terraform 코드로 변환하여 다운로드 가능!

  • 🤝 협업 및 재활용
    인프라 허브를 통해 다른 사용자들과 설계도를 공유하고 수정하며 효율적으로 협업!

GUI를 통한 인프라 배치

리소스 배치

default.mov

리소스 속성 설정

default.mov

노드 삭제 및 엣지 연결

default.mov

2D / 3D, 라이트 / 다크모드 지원

2d-3d.mov

허브

공유하기

default.mov

불러오기

default.mov

테라폼 코드 변환

default.mov

🚀 기술 스택

💻 Common

JavaScript TypeScript Prettier ESLint PNPM TSUP

🖥️ Frontend

Next.js React Tailwind CSS Vite TanStack Query

🔧 Backend

NestJS MySQL Redis Prisma Vitest

🌐 Infrastructure

Turborepo Docker Docker Compose GitHub Actions Naver Cloud Nginx

🔍 DevOps & Monitoring

Terraform Terraform Cloud Elasticsearch FluentD Kibana Grafana Prometheus

💬 Communication Tools

Slack Zoom Gather Town Figma


아키텍처 🌐

테라폼 모듈을 활용한 인프라 배포

image

테라폼 워크플로우 중앙화

image

인프라 설계

image

애플리케이션 설계

image

Cloud Canvas로 설계한 인프라

image (2)

image (3)

우리의 Next! 로드맵

🌐 멀티 클라우드 전략

AWS, Azure 등 다양한 클라우드 리소스 원활한 지원
클라우드 공급자 간 seamless 인프라 관리

🚀 원클릭 인프라 배포

테라폼 코드 자동 변환 및 즉시 서비스 배포 기능
인프라 프로비저닝 프로세스 획기적 간소화

👥 협업 인프라 디자인

실시간 팀 단위 인프라 공동 설계 환경
대시보드 기반 협업 및 버전 관리

🩺 통합 헬스케어 모니터링

클라우드 환경 실시간 상태 모니터링
자동 장애 감지 및 알림 시스템

🎨 유연한 커스터마이징

고도화된 인프라 캔버스 플랫폼
사용자 맞춤형 인프라 설계 지원

🌈 함께하세요!

Cloud Canvas로 클라우드 설계의 새로운 가능성을 경험해보세요!
프로젝트의 진행 상황과 더 많은 정보를 원하신다면 GitHub Wiki에서 확인하세요. 😊

팀 소개 👩‍💻

다양한 배경과 경험을 가진 네 명의 팀원이 Cloud Canvas를 만들고 있습니다.

김범준 고동민 최재영 서건혁
FE BE BE BE
p1n9 Gdm0714 paulcjy SeoGeonhyuk
커피 고기 국수