maywngml/react-native-calendars

React Native Calendar Components 🗓️ 📆

기존의 github.com/wix/react-native-calendars 저장소에 있던 코드를 fork하여 수정하였습니다.

Planty란

사용자들이 일정과 할일을 자유롭게 기록하고 관리할 수 있도록 도와주는 모바일 애플리케이션입니다. 기존의 일정 관리 애플리케이션들은 대부분 할일 관리 기능은 제공하지 않거나 유료로 제공하고 있습니다. Planty는 모든 기능을 무료로 제공하며 부가적인 기능은 추가하지 않아 쉽고 간편하게 자신의 일정을 관리할 수 있습니다.

• planty_app 저장 주소 https://github.com/maywngml/planty_app

화면 설명

• 메인 화면

  

  메인 화면에는 달력을 배치하여 사용자가 자신의 일정을 한눈에 확인할 수 있도록 하였습니다.
  일정과 할일의 디자인의 차이를 주어 사용자가 쉽게 구분할 수 있도록 하였습니다.

  • 메인 헤더 클릭시

    

    메인 헤더를 클릭하면 날짜 선택 모달창이 나타나 원하는 날짜로 이동할 수 있습니다.

  • 특정 날짜 클릭시

    

    메인 화면에서 특정 날짜를 클릭하면 모달창이 나타나 일정과 할일 목록의 상세 내용을 확인할 수 있습니다.

  • 네비게이션 버튼 클릭시

    

    왼쪽 상단의 네비게이션 버튼을 클릭할 시 다른 메뉴들을 확인할 수 있습니다.

• 일정 화면

  • 추가 화면

    

    메인화면이나 모달창의 추가버튼을 클릭할 시 일정 추가 페이지로 이동할 수 있습니다.
    사용자는 일정의 제목과 시작일, 종료일, 상세설명, 알람여부, 색상, 반복여부 등을 설정할 수 있습니다.

  • 수정 화면

    

    모달창에서 특정 일정을 클릭하면 수정 페이지로 이동하게 됩니다.
    추가화면과는 다르게 삭제버튼이 새로 생성되며 할일 페이지로 이동할 수 없습니다.

• 할일 화면

  • 추가 화면

    

    일정 추가화면에서 할일버튼을 클릭하면 할일 추가 화면으로 이동할 수 있습니다.
    사용자는 할일의 제목과 완료일, 상세설명, 색상 등을 설정할 수 있습니다.

  • 수정 화면

    

    모달창에서 특정 할일을 클릭하면 수정 페이지로 이동하게 됩니다.
    일정의 수정화면과 같이 삭제버튼이 새로 생성되고 일정 페이지로 이동할 수 없습니다.

• 할일 목록 화면

  

  메인화면의 네비게이션 바를 이용해 할일 목록 페이지로 이동할 수 있습니다.
  할일 목록 화면에서는 사용자의 모든 할일 목록을 한번에 확인할 수 있습니다.