<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/

使用技術

Github

Gather Note

<h2 id="h0fd9f75324"><img src="https://images.microcms-assets.io/assets/85dcfbe0e54b4016b0325c46a9456510/416f2df0313b4c0090f8c16ea3a7bbbb/portfolio.png" alt=""><br>制作について</h2><ul><li>フロント側をNext.js、実績部分をmicro CMSで作成いたしました。</li><li>トップページのリポジトリ部分はGit hub APIで実装しております。</li></ul>

私のポートフォリオサイトになります。

企画、設計、デザイン、サイト実装

 Sass/Javascript/React.js/Next.js/microCMS/Git Hub API/

https://github.com/anji0114/next-portfolio

Git Hub

ポートフォリオサイト

埼玉県毛呂山町にある和食店、御食事処多久膳様のホームページを制作いたしました。

企画、設計、ディレクション、ライティング、デザイン、サイト実装

御食事処多久膳様

埼玉県飯能市にある自習室&コワーキングスペース、飯能駅前自習室様のコーディング・WordPress実装を担当いたしました。

https://www.actsgk.co.jp/hanno-study-room/

飯能駅前自習室様

埼玉県吉見町にあるパソコンサロン、A.C.E様のホームページを制作いたしました。

My Works

Gather Note

ポートフォリオサイト

御食事処多久膳様

飯能駅前自習室様

A.C.E.様

My Repository