MyForms

WEBサイト

https://myforms.toriwatari.work/

このサイトについて

私のUI/UX、アクセシビリティに関する力を高めるため、ダミーのフォームを沢山作って並べているサイトです。ボタンをクリックしても悪いことは何も起こらないので、気軽に遊んで行ってください。

技術

Next.jsで構築しています。Next.jsのAPI Routeの機能でAPIエンドポイントを作成、そこを叩いてデータを取得しています。React Hook FormやZodといった便利なライブラリーもあるのですが、あまり使用しない方向で作成したいと考えています。自力で構築できるのが一番ですからね💪。

また、React Testing Libraryによる単体テストも行っています。