<h2 id="h48162eced8"><img src="https://images.microcms-assets.io/assets/85dcfbe0e54b4016b0325c46a9456510/ba1603682e264861b315f07a844eefcc/mv.png?w=1400&amp;h=833" alt=""><br>使用技術</h2><ol><li>Next.js</li><li>TypeScript</li><li>supabase</li><li>swr</li><li>zustand</li><li>Tailwindcss</li></ol><p><br></p><h2 id="h244bf021d9">ER 図</h2><p><img src="https://images.microcms-assets.io/assets/85dcfbe0e54b4016b0325c46a9456510/220d22ce49924ddb86effe96a13fea48/239744512-0654578e-c04e-4429-bf4c-32b038d09324.png" alt=""></p><h2 id="h3397385dbf">機能説明</h2><h3 id="h6c0b693f86">フォルダ機能</h3><p><img src="https://images.microcms-assets.io/assets/85dcfbe0e54b4016b0325c46a9456510/972b349e5955409b8db6d80058264535/239837720-999ded43-7828-497d-b1f8-e6b61941e2ba.jpg?w=1400&amp;h=932" alt=""></p><h3 id="h8375a17fd2">ノート機能</h3><p><img src="https://images.microcms-assets.io/assets/85dcfbe0e54b4016b0325c46a9456510/3fc3f0d02d5c42968a45c02114309e7d/239839243-8af58802-9e52-4cc3-9049-67d747c82721.jpg?w=1400&amp;h=932" alt=""></p><h3 id="h60b85ffc29">グループ機能</h3><p><img src="https://images.microcms-assets.io/assets/85dcfbe0e54b4016b0325c46a9456510/098595d4d53542c0ad5b3e936aa11766/239843762-9b3e34f4-f75b-4ca5-b584-fb1638b19a30.jpg?w=1400&amp;h=932" alt=""></p><p><img src="https://images.microcms-assets.io/assets/85dcfbe0e54b4016b0325c46a9456510/597a90ffc3cf49a29c4add8649c74132/group2.jpg?w=1400&amp;h=932" alt=""></p><p><img src="https://images.microcms-assets.io/assets/85dcfbe0e54b4016b0325c46a9456510/41816f74556c49cebe62f72296a885e5/group3.jpg?w=1400&amp;h=467" alt=""></p><h3 id="h69d764764c">ボード機能</h3><p><img src="https://images.microcms-assets.io/assets/85dcfbe0e54b4016b0325c46a9456510/eca5e7c9e9084735bab6f037de5a73e2/board.jpg?w=1400&amp;h=932" alt=""></p><h3 id="h40282df123">ディスカッション機能</h3><p><img src="https://images.microcms-assets.io/assets/85dcfbe0e54b4016b0325c46a9456510/bc84d6c056d94011b0107e7f55cdfbe9/discussion.jpg?w=1400&amp;h=932" alt=""></p><h3 id="h4502c87f4d">その他のページ</h3><p><img src="https://images.microcms-assets.io/assets/85dcfbe0e54b4016b0325c46a9456510/aa88774d49f644619dc1499bc2c681ad/auth.jpg" alt=""></p><h2 id="ha0166e66c4">今後実装・改善予定機能</h2><ol><li>グループ検索機能</li><li>グループ参加認証機能</li><li>共同編集ノート機能（ボード内）</li><li>ボードへのノート追加の UI の改善</li></ol><p><br></p>

Next.js Supabase Typescriptを使用した、ノート共有アプリ

制作期間

担当範囲

Tailwindcss/Typescript/React.js/Next.js/supabase/

My Works

Gather Note