Skip to content

boostcampwm-2024/refactor-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
커피 고기 국수

About

GUI와 Terraform으로 만드는 클라우드 아키텍처

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • TypeScript 96.5%
  • MDX 1.0%
  • JavaScript 0.7%
  • HCL 0.7%
  • Shell 0.5%
  • CSS 0.3%
  • Other 0.3%