politeliving様

費用目安：100,000円（デザイン、コーディング（トップ+下層3ページ）、WordPress化、お問い合わせフォーム等）

Planning / Design / HTML,CSS / JavaScript / WordPress /

家事代行をされているpoliteliving様のサイトを制作させて頂きました。
サイトのデザインは、運営されているブログからインスピレーションを得ています。
WordPressのオリジナルテーマで構築。
その他、JavaScriptでの動きのある装飾や、お客様が更新しやすいように「サービスページ」「料金ページ」にはカスタムフィールドを使用。
お問い合わせ：「Contact Form 7」を使用。

デイトラ オンラインスクール課題：LP制作

費用目安：25,000円〜（コーディング、各種カスタマイズ、）

HTML,CSS / JavaScript

オンラインスクール、デイトラの課題として作成。
HTML、Sass（FLOCSS設計）、JavaScriptを使用。
SassはFLOCSSで構造を整理し、保守性と拡張性を意識した設計にしています。
スムーズスクロールや、動的なコンテンツ表示をJavaScriptで実装。

オリジナルコーポレートサイト

HTML,CSS / JS / WordPress

費用目安：120,000円〜（コーディング（トップ+下層6ページ）、WordPress化、各種カスタマイズ）

WordPressでのオリジナルテンプレートでコーポレートサイトを構築しました。
カスタムフィールドで更新できるように設計。
BEMとFLOCSSを用いて保守性の高いコードを実現しています。

Netflix Cloneアプリ

HTML,CSS / React / Typescript / Tailwind

Netflixのクローンアプリを制作しました。
参考元：【React+TypeScript】Netflixのクローンを作るチュートリアル

React、Typescriptで構築し、TailwindCssで装飾。
映画データーベースサイト「TMDB」のAPIで映画情報を取得。
クリックで予告動画を表示できるようにしました。

当サイト

HTML,CSS / JS

当サイトは、HTML、CSS、JavaScriptを使用して構築しました。
BEMとFLOCSSを用いて保守性の高いコードを実現しています。
GSAPでリッチな動きも実現しています。
デプロイはgithub pages。

自作Webアプリ Marvel Character Search

React / Typescript / Material-UI

環境構築：Vite / デプロイ：Vercel
MUIを使用して装飾。
マーベルキャラの情報を扱うAPIで情報を取得。

自作Webアプリ Movie Review App

React / Typescript / Material-UI

環境構築：Vite / デプロイ：Vercel / データーベース：mongoDB
MUIを使用して装飾。
映画のレビューアプリを作成しました。映画とユーザー登録の実装。データはmongoDBに保存されます。