Chatminder는 메모, 이미지, 링크를 통합적으로 저장하고 관리하도록 지원하는 정보관리 모바일 어플리케이션입니다.
Android, iOS 모두 지원합니다.
메모 작성 작업이 귀찮다고 느껴보신 적 있나요? Chatminder와 함께라면 더 이상 메모 작성은 번거로운 일이 아닙니다. 하나의 텍스트바에서 메모 입력, 태그 선택, 사진 및 링크 첨부 기능을 사용할 수 있고 기존의 메모 앱보다 훨씬 빠르고 체계적으로 정보를 입력할 수 있습니다.
언젠가 저장해 둔 메모나 링크를 찾기 어려웠던 적이 있나요? Chatminder에서는 정보 입력 과정에서 간편하게 태그를 생성하고 선택할 수 있습니다. 기록된 정보는 태그 별로, 혹은 파일 형식별, 날짜 별로 분류해서 찾아 볼 수 있습니다. 더 이상 저장해 둔 정보를 찾기 위해 많은 시간을 사용할 필요가 없습니다!
더 이상 정보를 관리하기 위해 여러 개의 서비스를 사용하지 마세요! 모든 종류의 메모와 링크를 Chatminder에서 관리하실 수 있습니다!
🙋♂️유시원(Front) | 🙋♀️이로움(Front) | 🙋♀️김채리 (Back) | 🙋♂️유준환(Back) |
---|---|---|---|
🚗@SEEWON | 🚗@ROUM02 | 🚗@chaeri93 | 🚗@ujunhwan |
Authentication Process 메모 입력 관리(Tag, Text, Link, Image) 메모 Data 상태 관리(Redux) 검색 및 렌더링 로직(Custom Hooks) API Fetching 메인, 모아보기, 인증 Page Build & Store Production |
Overall Publishing Base UI Components API Fetching 태그, 캘린더, 모아보기 Page 메모, 태그, 캘린더, Detail Page |
ChatMinder-Server | 카카오 로그인 ChatMinder-Server |
위 Stacks에 기술된 라이브러리는 제외했습니다.
- React navigation - 네비게이션
- Async Storage - 디바이스에 토큰 저장
- Axios - API Fetching
- Moment.js - Timestamp를 활용한 메모 작성 날짜 관리
- React Hook Form - 태그, 이미지, 메모 입력 관리
- React Native Image Crop Picker - 멀티 이미지 업로드
- React Native Image Slider Box - 이미지 열람
- React Native Image Zoom Viewer - 이미지 열람
- React Native Calendars - 캘린더
- React Native Config - env, 폰트 설정
- React Native Modal - 모달 구현
- React Native SVG - svg 아이콘 사용
- React Native URL Preview - 링크 프리뷰 구현
- React Native Seoul / Kakao Login - 카카오 로그인
> git clone https://github.com/ChatMinder/ChatMinder-Client.git
> cd ChatMinder-Client
> npx react-native start
> npx react-native run-android
태그 상세 페이지 혹은 메모 상세 페이지로 이동할 수 있고, 메모 북마크 및 삭제 등의 조작도 가능합니다.
모아보기 페이지에서 해당하는 형식의 메모들을 모아 보고, 태그 및 텍스트로 검색할 수 있습니다.
메인 페이지에서와 마찬가지로 상세 페이지로 이동할 수 있고, 북마크하거나 삭제할 수 있습니다. 태그와 태그별 메모를 보아 볼 수 있습니다.
모달을 통해 태그의 이름 또는 색의 수정, 삭제가 가능하고 새 태그를 추가할 수 있습니다.
태그가 없는 메모들 또한 한 곳에서 모아볼 수 있습니다. 오늘 날짜가 기본으로 체크되어 있으며, 메모가 형성된 날짜를 한 눈에 볼 수 있습니다.
날짜별로 작성한 메모를 모아 볼 수도 있습니다.
메모가 없는 날인 경우 작성한 메모가 없다는 안내문구가 뜨게 됩니다.
메모가 이미지, 링크를 포함하고 있을 경우에 따라 상세보기 페이지가 다르게 보입니다.
상세보기 페이지 내부에서 이미지의 태그 변경, 내용의 수정 및 북마크가 가능합니다.