Implement car reservation schedule management system

Co-authored-by: h <57948770+h@users.noreply.github.com>
Agent-Logs-Url: https://github.com/h/CarReservation/sessions/1d8c6b05-0e8d-4484-a2d8-8d427dfad9cb
This commit is contained in:
copilot-swe-agent[bot]
2026-03-20 18:03:33 +00:00
parent 3458e4d376
commit 3d92f4902d
22 changed files with 4500 additions and 0 deletions

33
frontend/src/App.jsx Normal file
View File

@@ -0,0 +1,33 @@
import { useState } from 'react';
import ScheduleView from './components/ScheduleView.jsx';
import CarManagement from './components/CarManagement.jsx';
import styles from './App.module.css';
export default function App() {
const [page, setPage] = useState('schedule');
return (
<div className={styles.app}>
<header className={styles.header}>
<h1 className={styles.title}>🚗 代車スケジュール管理</h1>
<nav className={styles.nav}>
<button
className={`${styles.navBtn} ${page === 'schedule' ? styles.active : ''}`}
onClick={() => setPage('schedule')}
>
📅 スケジュール
</button>
<button
className={`${styles.navBtn} ${page === 'cars' ? styles.active : ''}`}
onClick={() => setPage('cars')}
>
🚙 代車管理
</button>
</nav>
</header>
<main className={styles.main}>
{page === 'schedule' ? <ScheduleView /> : <CarManagement />}
</main>
</div>
);
}