はじめに
初めまして、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/