映画レンタルサービス（movie-rental-service）

Web
映画レンタルサービス（movie-rental-service）

映画レンタルサービス（movie-rental-service）

React + Vite を用いた映画レンタルサービスのフロントエンド・プロジェクト。フロントは JavaScript と React で構築され、スタイリングには React Bootstrap とインラインスタイルが併用されています。バックエンドのデータは SQLite3 で管理され、API の動作確認は Postman で実施済み。拡張性を意識した設計で、授業や小規模な開発演習に適したサンプル実装です。（約300字）

https://github.com/PR713/movie-rental-service

概要

本リポジトリは「movie-rental-service」と名付けられた映画レンタルサービスのプロジェクトです。フロントエンドは JavaScript と React（Vite をビルドツール）で実装され、UI コンポーネントのスタイリングには React Bootstrap を利用しつつ、一部でインラインの style オブジェクトを用いて細かな調整を行っています。データ永続化には SQLite3 を使用し、API の動作確認は Postman によるテストが行われています。授業課題や演習用として完成度の高い基本機能を備え、将来的な機能追加や構成変更がしやすい構造になっています。（約300字）

GitHub

リポジトリの統計情報

  • スター数: 1
  • フォーク数: 0
  • ウォッチャー数: 1
  • コミット数: 30
  • ファイル数: 3
  • メインの言語: JavaScript

主な特徴

  • React + Vite によるモダンなフロントエンド構成
  • React Bootstrap を使ったコンポーネントベースの UI
  • SQLite3 による軽量データベースでローカル運用が容易
  • Postman を用いた API テストで品質確認済み

技術的なポイント

本プロジェクトは教育目的・演習用途に適したシンプルかつ実践的な技術選定がなされています。フロントエンドは Vite を採用することで高速な開発サーバー起動とモジュールホットリロードを実現しており、React のコンポーネント設計により UI の再利用性が高められています。スタイルは主に React Bootstrap によるコンポーネント群で統一され、必要に応じて style={{}} 形式のインラインスタイルで微調整するハイブリッドな運用がされています。バックエンド側は SQLite3 を採用しているため、サーバーを立ち上げればローカル環境ですぐにデータの永続化・確認が可能です。SQLite は設定が少なく扱いやすいため、チュートリアルや学習用の API 実装に適しています。さらに、Postman で API を検証していることから、エンドポイントの整合性やレスポンスの確認が行われており、実運用への移行前に必要な手順が踏まれています。プロジェクト構造はシンプルでファイル数が少なく、リポジトリ全体の可読性が高く、拡張時にはディレクトリ分割・ルーティング追加・状態管理ライブラリ導入（Redux や React Query など）を容易に行える設計となっています。将来の改善点としては、型安全性向上のため TypeScript への移行、テスト自動化の導入、バックエンドを Node.js + Express 等で明確化して CI/CD を組むことが考えられます。（約700字）

プロジェクトの構成

主要なファイルとディレクトリ：

  • .gitignore: file
  • README.md: file
  • WDAI_Project: dir

（WDAI_Project 内には React + Vite のフロントエンドコードや、SQLite3 を利用するための設定・API 呼び出しロジック、スタイル設定が含まれている想定です。詳細なファイル一覧はリポジトリ内の WDAI_Project 配下を参照してください。）

まとめ

教育用途に最適な、拡張しやすいシンプルな映画レンタルのサンプル実装です。（約50字）

リポジトリ情報：

READMEの抜粋：

WDAI_Project

Frontend wykonany w JS z Reactem oraz Vite. Do stylizacji użyliśmy React Bootsrap, czasami używaliśmy własnych stylów, definiowanych za pomocą obiektów w formacie style={{}}. Baza danych jest utworzona w Sqlite3. Wykonane są wszystkie funkcjonalności opisane w projekcie. Projekt możliwy do rozbudowy. Aplikacja została również przetestowana za pomocą narzędzia Postman, aby zapewnić poprawność działania API.

Autorzy: Radosław Szepielak, Dominik Jurkowski …