はじめに

初めまして、takeです。
今回はWeb開発を始めて半年ほどの初心者が初めて作ったWebアプリ「Memoka」を紹介します。

Memokaについて

Memokaは、登録不要で使える単語カード・フラッシュカードWebアプリです。
単語カードを作成して、色んなモードで学習できる感じです。

使った技術は、
フロントエンド：Nextjs、React、TypeScript、Tailwindなど、
バックエンド：Express、Mongodb、mongooseなどです。

作成方法は、１枚ずつ入力する方法、表形式で行を追加して作成する方法、テキストコピペやCSVファイルから作成する方法の３種類あります。

ChatGPTやGeminiなどから、テキストをコピペして作成できます。正規表現に対応しているので、tabや改行などで区切られている場合でも作成できます。

作成した単語カードを使って、テスト・４択・かるた・動体視力など色々なモードで学習できます。
テスト、４択モードでは正誤の記録や、自分でスター（１～５個）を設定して、学習状況の可視化や、問題の絞り込みができます。音声機能もあります。

最初はテストと４択だけだったんですが、他のアプリとの差別化を考えてミニゲーム的なモード（かるた・動体視力モード）を追加してみました。かるたモードは友達とURLを共有してオンライン対戦ができます。(Socketioを使用）

学習したカードの枚数を日ごとに記録できます。(Rechartsを使用）

現在アクセス数がほぼ０なので、SEOや、SNSでの宣伝を頑張ろうと思っています。
また、twitterで毎週土曜日に開催されているスーパー開発デーに向けて新しい機能を追加するのを目標にしています。

ここまで読んでいただき、ありがとうございます。
よければ使ってみて、アドバイスやフィードバックをいただけると嬉しいです。
Memoka : https://memoka.jp/