내게 쓰는 더 빠른 메모, 챗마인더

Chatminder는 메모, 이미지, 링크를 통합적으로 저장하고 관리하도록 지원하는 정보관리 모바일 어플리케이션입니다.
Android, iOS 모두 지원합니다.

❓︎ About Chatminder

메모 작성 작업이 귀찮다고 느껴보신 적 있나요? Chatminder와 함께라면 더 이상 메모 작성은 번거로운 일이 아닙니다. 하나의 텍스트바에서 메모 입력, 태그 선택, 사진 및 링크 첨부 기능을 사용할 수 있고 기존의 메모 앱보다 훨씬 빠르고 체계적으로 정보를 입력할 수 있습니다.

언젠가 저장해 둔 메모나 링크를 찾기 어려웠던 적이 있나요? Chatminder에서는 정보 입력 과정에서 간편하게 태그를 생성하고 선택할 수 있습니다. 기록된 정보는 태그 별로, 혹은 파일 형식별, 날짜 별로 분류해서 찾아 볼 수 있습니다. 더 이상 저장해 둔 정보를 찾기 위해 많은 시간을 사용할 필요가 없습니다!

더 이상 정보를 관리하기 위해 여러 개의 서비스를 사용하지 마세요! 모든 종류의 메모와 링크를 Chatminder에서 관리하실 수 있습니다!

👫 Contributors

🙋‍♂️유시원(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 (Client)

📚 Libraries (Client)

위 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 - 카카오 로그인

🚀 How to execute

> git clone https://github.com/ChatMinder/ChatMinder-Client.git
> cd ChatMinder-Client
> npx react-native start
> npx react-native run-android

or Download our Application

📲 Demos

로그인 화면

챗마인더 계정을 만들거나, 카카오 계정을 이용해 로그인할 수 있습니다.

메인 화면

메인 화면에서 태그와 이미지, 링크, 그리고 텍스트가 포함된 메모를 작성할 수 있습니다.

태그 상세 페이지 혹은 메모 상세 페이지로 이동할 수 있고, 메모 북마크 및 삭제 등의 조작도 가능합니다.

모아보기(이미지/링크/텍스트) 창

모아보기 페이지에서 해당하는 형식의 메모들을 모아 보고, 태그 및 텍스트로 검색할 수 있습니다.
메인 페이지에서와 마찬가지로 상세 페이지로 이동할 수 있고, 북마크하거나 삭제할 수 있습니다.

태그 화면, 태그 상세보기 창

태그와 태그별 메모를 보아 볼 수 있습니다.
모달을 통해 태그의 이름 또는 색의 수정, 삭제가 가능하고 새 태그를 추가할 수 있습니다.
태그가 없는 메모들 또한 한 곳에서 모아볼 수 있습니다.

캘린더 화면, 날짜별 메모 보기 창

오늘 날짜가 기본으로 체크되어 있으며, 메모가 형성된 날짜를 한 눈에 볼 수 있습니다.
날짜별로 작성한 메모를 모아 볼 수도 있습니다.
메모가 없는 날인 경우 작성한 메모가 없다는 안내문구가 뜨게 됩니다.

메모 상세보기 창

메모가 이미지, 링크를 포함하고 있을 경우에 따라 상세보기 페이지가 다르게 보입니다.

상세보기 페이지 내부에서 이미지의 태그 변경, 내용의 수정 및 북마크가 가능합니다.