個人
サイトへLorem Ipsumジェネレーター
Next.jsとTailwind CSSで制作した、プレースホルダー用のテキストを作成するシンプルなLorem Ipsum生成ツールです。生成するテキストの長さを最大10単位まで調整できます。モックアップ、ワイヤーフレーム、プロトタイプ用のダミーテキストがすぐに必要なデザイナーや開発者に便利です。すっきりとしたインターフェースで、出力をそのままコピーできます。
ReactNext.jsTailwind CSS
個人
公開中Fietsen Roman
自転車店デモ
プロジェクトについて
架空の自転車店を題材に、Next.js、Stripe、Prismaで制作したデモ用ECプラットフォームです。商品カタログ、ショッピングカート、決済連携など、モダンなECサイトの機能を紹介しています。EC開発のスキルを示すショーケースプロジェクトとして制作しました。
関連プロジェクト
個人
サイトへMagical Code Formatter
Next.jsとPrism.jsで制作した、遊び心のある魔法のようなインターフェースを備えたオンラインのコード整形ツールです。さまざまなプログラミング言語のシンタックスハイライトと整形に対応しています。コードを貼り付けて整形し、結果をコピーできます。プライバシーとスピードのため、すべてブラウザ上で動作します。
ReactNext.jsTailwind CSSPrism.js
個人
サイトへMario Public Site
ポートフォリオショーケース
マリオをテーマにしたクリエイティブなポートフォリオサイトで、モダンなWeb開発技術のデモとして制作しました。ダイナミックなアニメーション、なめらかなトランジション、インタラクティブな要素を備えています。高度なCSS、Framer Motionによるアニメーション、レスポンシブデザインの原則を示すショーケースプロジェクトです。
ReactNext.jsTailwind CSSFramer Motion