ユーザーが漫画の最終回やキャラに関する考察記事を投稿でき、議論できるサイトです

• ログイン、ログアウト機能
• 考察記事の投稿・編集・削除機能
• 考察記事の詳細画面、カレンダー表示
• プロフィール画面
• いいね、コメント機能

があります

1つ目は、UIの使いやすさを追求し、CSSはTailwind CSSを利用しており、シンプルなデザインにし、操作や閲覧がしやすいようにした。
また、スクロール量を減らすために、スライドショーを導入した。
２つ目は、グラフを用いて、どのカテゴリが多く投稿しているかなど分析がしやすいような工夫を入れた。
3つ目は、Testing Libraryでの単体テストや、Playwirghtを用いて、E2Eテストを実装して、ログイン処理や投稿処理のチェックをしている。

制作期間

使用技術

フロントエンド

• React
• Next.js
• TypeScript
• ESLint, Prettier
• Jest
• Playwirght
• storybook

URL

Github