/Memo

메모 앱(개발하는 정대리 - 제 1회 빡코딩콘)

Primary LanguageSwift

header

GitHub iOS Xcode Swift Figma

Navigation

  1. Motive
  2. Goals
  3. Note list and search
  4. writing notes
  5. Edit notes
  6. Delete notes
  7. Design

Motive

It was developed to participate in the 'The 1st 빡 Coding Con event' hosted by the YouTuber '개발하는 정대리'.

Go to '개발하는 정대리' channel


Goals

👩🏼‍💻 Screen composition:

  • Memo list screen
  • Memo detail screen
  • Memo editing, writing screen

⭐️ Features:

  • Users should be able to see the list of notes they have made
  • For memos exposed in the memo list, only one written memo sentence is exposed.
  • You can write a memo on the memo page.
  • When writing a memo, the number of characters in the written memo is exposed.
  • Users should be able to search for notes.
  • Users should be able to edit notes.
  • Users should be able to delete memos.
  • The written memo can be changed to a secret memo.

🔐 Secret Note:

  • The memo text is not exposed in the memo list.
  • On the memo list screen, “This is a secret memo” or a lock mark is displayed.
  • If you click View Details in the memo list, you must enter a password to move to the memo detail screen in case of a secret memo.
  • Normal memos can be converted into secret memos on the memo detail screen.
  • When setting as a secret memo in the general memo, the password input window appears, and when the password is entered, it is changed to a secret memo.
  • Additional functions and screens can be freely added including the above requirements

Note list and search

On the memo list screen, you can view the memos created in a list format and search for memos. Also, you can move to the screen where you can write a memo.

Secret notes cannot be viewed, and a lock icon is displayed.

You can search for notes that contain what you are looking for by clicking the search bar. Use the textDidChange method of UISearchBarDelegate to retrieve the content whenever the search term changes.

And secret notes can only be viewed by entering a password.


writing notes

On the memo writing screen, you can check the number of characters and lock the memo. The keyboard is set to always be visible and the number of characters of what you typed is displayed directly above the keyboard.

You can lock notes by entering a password. When a password is entered, NotificationCenter detects it, applies the entered password and updates the lock icon.


Edit notes

The edit memo screen uses the memo writing screen. To distinguish between the two, pass the isEditing: Bool value when accessing the screen. The function is the same as the memo writing screen, but it is different when saving the edited(writied) memo.

In the case of a new memo, a new ID value is given to save the memo, but when editing an existing memo, the existing ID value is imported and used.


Delete notes

You can delete a memo on the memo detail screen. Click the Delete button in the pop-up menu to open the Alert window and check again.

You can delete by sliding the end of the TableView on the memo list screen without going to the memo detail screen. I implemented this using UITableView's trailingSwipeActionsConfigurationForRowAt method.


Design

App Icon

I made it simple so that you can know at once that it is a memo app.

UI/UX

UI/UX Light Mode