React × microCMSブログ
React 自主制作
- クライアント
- 自主制作
- 担当範囲
- フロントエンド開発（React, Tailwind CSS）/ 簡易見積もりシミュレーターの実装 / コンタクトフォームの設計・実装（React Hook Formを用いたバリデーション含む）/ Vercelへのデプロイ
- 制作期間
- 8時間
- 費用目安
- -
- 説明
- 今後Reactを用いた開発案件に積極的に携わっていきたいと考えており、学習のアウトプットとしてこのブログサイトを開発しました。
フロントエンドはReactとTailwind CSSで構築、CMSにはmicroCMSを採用し、
API通信を含むコンテンツ管理の実装を想定しています。
VercelとGitHub ActionsによるCI/CDで、効率的な開発・デプロイが可能です。
特に、ユーザーとの接点となる以下の機能には力を入れました。
ABOUTページ： 簡易見積もりシミュレーターを実装し、ユーザーが直感的に費用感を把握できるようにしました。
CONTACTフォーム： React Hook Formを用いて、バリデーションチェックとユーザビリティを重視した設計です。特にウェブサイトの重要な部分であるため、UI/UXにこだわりました。現時点では送信機能は未実装ですが、今後バックエンドを構築し、実装予定です。
