https://github.com/developeracademy-postech/2025-c3-m12-4t2d

AppleDeveloperAcademy@Postech Challenge3
https://github.com/developeracademy-postech/2025-c3-m12-4t2d
Awesome Lists containing this project

README

          # 🥭 MANGO (MAKE & GO)



  

![Image](https://github.com/user-attachments/assets/6958f060-b43d-4b8f-b468-55e8a933f887)

[![Swift](https://img.shields.io/badge/Swift-5.9-orange.svg?style=flat)](https://developer.apple.com/swift/)

[![iOS](https://img.shields.io/badge/iOS-18.3+-blue.svg?style=flat)](https://developer.apple.com/ios/)

[![SwiftData](https://img.shields.io/badge/SwiftData-✓-FA7343?style=flat&logoColor=white)](https://developer.apple.com/documentation/swiftdata)

[![License](https://img.shields.io/badge/License-MIT-green.svg?style=flat)](LICENSE)

**입시 미술 수험생의 작업 과정을 체계적으로 기록할 수 있는 포트폴리오 앱**

- 프로젝트 소개

- 개발 배경

- 주요 기능

- 스크린샷

- 기술 스택

- 협업 컨벤션

- 팀 소개 (Team 4T2D)



---

## 📱 프로젝트 소개



  



**MANGO**는 대학 입시를 준비하는 미술 학생들을 위한 과정 기록 및 회고 도우미 앱입니다. 

완성작뿐만 아니라 **그리는 과정** 자체를 단계별로 기록하고, 가벼운 SNS 형식으로 피드백을 주고받으며 성장할 수 있도록 돕습니다.

### 🎯 타겟 사용자

#### 팀원 Cherry의 동생 Mango는 국민대학교 시각디자인과 입학을 목표로 주말에 하루 12시간 이상 그림에 투자하는 수험생입니다.

- 🎨 입시 미술을 준비하는 수험생

- 📸 본인의 작업 과정을 체계적으로 기록하고 싶은 사람

---

## 💭 개발 배경

### 😰 문제점

- 스스로 잘하고 있는지에 대한 **불안감**

- 실력 향상을 이루어냈음에도 스스로 **성장 과정**을 확인하기 어려움

### 💡 해결 방안

- **과정 중심** 기록 시스템

- **단계별** 작업 과정 정리

- **주제별** 작품 모아보기

- **피드백** 기능을 통한 소통

---

## 주요 기능

### 1. 📝 과정 기록

- **주제별 프로젝트 생성**: 작품의 주제와 목표 설정

- **단계별 기록**: 아이디에이션, 스케치, 명암, 채색 등 각 단계를 구분하여 기록

- **상세 메모**: 각 단계에서의 고민과 시도를 텍스트로 기록

### 2. 📸 작업물 촬영 및 사진 편집

- **즉시 촬영**: 앱 내에서 바로 사진 촬영

- **5:4 비율 크롭**: 입시 미술에 최적화된 비율로 자동 편집

- **갤러리 연동**: 기존 사진도 쉽게 업로드 가능

### 3. 🗂️ 작품 아카이빙

- **다양한 보기 모드**: 프로젝트 리스트, 상세 리스트, 좋아요 그리드

- **정렬 옵션**: 최신순/과거순 정렬

- **좋아요**: 자신이 좋아하는 작품에 대한 모아보기

- **프로젝트별 분류**: 주제별로 작품 모아보기

### 4. 💬 셀프 피드백

- **댓글 기능**: 각 단계별 셀프 피드백 작성

### 5. 📱 위젯 (개발 예정)

- **홈 화면 위젯**: 바로 사진 촬영 가능

- **잠금 화면 위젯**: 빠른 접근성 제공

### 6. 🎨 개인화 설정 (개발 예정)

- **컬러 테마**: 사용자 취향에 맞는 색상 선택

### 7. 공유 기능

- **프로젝트 공유**: 자신의 프로젝트가 공유되어 가족들이 쉽게 접근하여 현재 진행상황을 확인할 수 있도록 함 (방법은 추후 추가 예정)

---

## 🖼️Screenshots



  

### 🏠 메인 화면

> 진행 중인 프로젝트와 최근 작업을 한눈에 확인







### 📷 기록 화면  

> 단계별 사진 촬영과 메모 작성





  

  

  



### 🖼️ 갤러리

> 다양한 뷰 모드로 작품 감상



  

  

  



### 💬 셀프 피드백

> 코멘트를 통해 과정에 대해 더 많은 정보의 저장이 가능합니다.



  

  

  



### ⚙️ 프로필 설정





---

## Tech Stack



| Category | Technologies |

|----------|-------------|

| **Platform** | ![iOS](https://img.shields.io/badge/iOS-18.3-000000?style=flat-square&logo=apple&logoColor=white) |

| **Language** | ![Swift](https://img.shields.io/badge/Swift-5.9-F05138?style=flat-square&logo=swift&logoColor=white) |

| **Framework** | ![SwiftUI](https://img.shields.io/badge/SwiftUI-007AFF?style=flat-square&logo=swift&logoColor=white) ![UIKit](https://img.shields.io/badge/UIKit-007AFF?style=flat-square&logo=apple&logoColor=white) |

| **Database** | ![SwiftData](https://img.shields.io/badge/SwiftData-FA7343?style=flat-square&logo=swift&logoColor=white) |

| **Design** | ![Figma](https://img.shields.io/badge/Figma-F24E1E?style=flat-square&logo=figma&logoColor=white) |

| **Collaboration** | ![GitHub](https://img.shields.io/badge/GitHub-181717?style=flat-square&logo=github&logoColor=white) ![Notion](https://img.shields.io/badge/Notion-000000?style=flat-square&logo=notion&logoColor=white) |



### 🏗️ Architecture

- **MVC 패턴** 적용 예정

- **Router 패턴**으로 화면 전환 관리

- **SwiftData**를 활용한 로컬 데이터 저장

---

## 🤝 협업 컨벤션

자세한 내용은 [CONTRIBUTING.md](.github/CONTRIBUTING.md)를 참고해주세요.

---

## Team 4T2D



| 
**Cherry**
[@zz6cherry](https://github.com/zz6cherry)
PM • iOS Developer | 
**Go**
[@Gojaehyun](https://github.com/Gojaehyun)
iOS Developer | 
**Finn**
[@bishoe01](https://github.com/bishoe01)
iOS Developer |

|:---:|:---:|:---:|

| 
**Sena**
[@hiseyeon](https://github.com/hiseyeon)
iOS Developer | 
**Wonjun**
[@chawj1234](https://github.com/chawj1234)
iOS Developer | 
**Kave**
[@RoastedJM](https://github.com/RoastedJM)
iOS Developer |
ecosyste.ms

Data

Tools

Indexes

Applications

Experiments

Awesome

https://github.com/developeracademy-postech/2025-c3-m12-4t2d

Awesome Lists containing this project

README
