フロントエンドエンジニア / 個人事業主
個人開発【React × TypeScript × API × Firebase】
【URL・ログイン情報】 ▼URL https://jacketflix.web.app/ ▼ログイン情報 メールアドレス：user@gmail.com パスワード：password 【GitHub】 https://github.com/araaiko/jacketflix 【担当範囲】 ・企画立案 ・仕様書の作成 ・デザイン ・構築 ・品質テスト ・サーバーアップ 【制作時間】 1ヶ月（81時間38分） 【概要】 「レンタルビデオショップで経験した ”あの作品との偶然の出会い” をネットでも」をコンセプトに、映画作品を一覧形式で見ることができるアプリケーションを開発しました。 APIには映画やテレビドラマ等の情報を取得できるサービス「TMDB」を使用しました。 また ”偶然の出会い” を体験してもらうため、あえて検索機能は実装していません。その代わりにお気に入り登録機能を実装し、気になった作品をリストアップできるようにしました。 そのほか、FirebaseのAuthenticationを使用したサインアップ、サインイン、サインアウト機能も実装しました。 Component設計にはAtomic Designを採用しています。 ＊表示崩れ、見出し構造、W3Cチェック済み ＊各ブラウザでの表示確認済み（Chrome, Firefox, Microsoft Edge, Safari） ＊レスポンシブ対応 本アプリを開発するにあたり、映画情報の取得およびトップページの実装は以下を参考にしました。 https://zenn.dev/gunners6518/books/4c4672f32dd100 下記のページや機能の実装はオリジナルです。 ・サインアップ、サインイン、サインアウト、リセットパスワード ・お気に入り登録機能 ・お気に入りページ ・作品詳細ページ 【使用言語・ライブラリ】 React / CSS(Styled-components) / TypeScript / JavaScript 【その他ツール】 TMDB / Firebase / GitHub / Postman