Photo Editor - The Free Online Photo Editor In Your Browser

프로젝트 소개

• 이미지 편집을 지원하는 온라인 포토 에디터
• 사용자 친화적 UI와 다양한 편집 도구 제공
• 웹에서 바로 사용 가능, 설치 없이 간편한 편집

Photo Editor 메인 화면

배포 링크

배포링크

핵심 개발 기능 (Features)

1. 그리기

• Canvas로 이미지에 선 그리기

이미지 자르기

---

2. 이미지 자르기 및 회전

• 사용자가 원하는 크기로 이미지를 자르고 회전 가능

이미지 자르기

---

3. 로컬 스토리지를 활용한 이미지 편집 데이터 보존

• 새로고침이나 사이트 재접속 시 서버의 도움 필요 없이 이미지 편집 데이터 보존 기능

이미지 자르기

---

4. 줌 확대 축소

• 사용자가 원하는 줌으로 조절 가능

이미지 자르기

5. 필터 및 효과 적용

• 다양한 필터와 효과를 선택해 이미지 스타일링

필터 및 효과 적용 화면

---

기술 스택 (Built With)

• Frontend: React, Typesciprt, Canvas API, Zustand
• Deploy: AWS, S3

설치 방법

# 1. 레포지토리 클론
git clone https://github.com/simple-editor/front.git

# 2. 의존성 설치
cd simple-editor
npm install

# 3. 로컬 서버 시작
npm start

Members

• 고지훈(@gn753)