[Prototype]メモアプリケーション

OVERVIEW

学習用サンプルをベースに、TypeScriptで型定義を実装しました。 学習を目的は、MERN(MongoDB/Express/React/Node.js)実装を通じて、ネイティブなバックエンド手法の把握です。

YEAR 2024

サービス概要

ユーザー毎にメモを作成/編集/削除が行えます。各メモ毎に好みの絵文字アイコンを指定することが可能で、お気に入りを指定したメモは表示領域の上位表示されることができます。

機能一覧

  • メモの新規作成、編集、削除機能
  • メモのアイコン編集機能
  • お気に入り機能

期間

3週間

工夫・改修した点

TypeScript

元々の題材ではTypeScriptが使用されておらず説明もなかったため、題材をベースに型推論が行われるように改修しました。

メンテナンスブルな構造

同じコードをコピペで使いまわすなど技術についてフォーカスしている題材だったため、メンテナンスブルな構造や関数の共通化など行いました。

ユーザビリティ改善

同じく技術についてフォーカスしているため個人的に使いづらいと感じた点を改善しました。

  • メモのタイトル、アイコンを更新時の挙動改善
  • メモのアイコンを変更時に、画面上どこでも閉じられるよう挙動改善
  • サーバ負荷を下げるため遅延処理改善

Github

https://github.com/horiyasu17/clone-notion