{"id":23396150,"url":"https://github.com/b13o/event-listing-app","last_synced_at":"2026-05-10T03:02:36.401Z","repository":{"id":267982632,"uuid":"892997954","full_name":"b13o/event-listing-app","owner":"b13o","description":"📆 Event posting single-page-app.","archived":false,"fork":false,"pushed_at":"2025-03-30T12:35:19.000Z","size":343,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-08T17:39:25.601Z","etag":null,"topics":["react","react-router","spa","typescript"],"latest_commit_sha":null,"homepage":"https://b13o.github.io/event-listing-app/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/b13o.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-11-23T09:02:17.000Z","updated_at":"2025-03-30T12:35:22.000Z","dependencies_parsed_at":null,"dependency_job_id":"35e4a3a2-dc71-4b4e-a660-17d1f15127ff","html_url":"https://github.com/b13o/event-listing-app","commit_stats":null,"previous_names":["b13o/event-listing-app"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/b13o/event-listing-app","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/b13o%2Fevent-listing-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/b13o%2Fevent-listing-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/b13o%2Fevent-listing-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/b13o%2Fevent-listing-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/b13o","download_url":"https://codeload.github.com/b13o/event-listing-app/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/b13o%2Fevent-listing-app/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":267361765,"owners_count":24074984,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-07-27T02:00:11.917Z","response_time":82,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["react","react-router","spa","typescript"],"created_at":"2024-12-22T07:30:12.041Z","updated_at":"2026-05-10T03:02:36.350Z","avatar_url":"https://github.com/b13o.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cimg width=\"1131\" alt=\"スクリーンショット 2024-11-14 2 27 30\" src=\"https://github.com/user-attachments/assets/97f5c936-d65c-4a91-968e-ac95697c17c2\" /\u003e\n\n# イベント掲載アプリ\n\n## 概要\n\nこのプロジェクトでは、connpass のような、イベントの掲載・申し込みができるアプリを構築します。\nクライアントサイドルーティングを実践し、SPA（シングルページアプリケーション）を開発します。\n\n## 学習目標\n\nReact Router による、クライアントサイドルーティングの基本を学習します。\n\n- React Router による基本的なルーティング\n- 動的な値に応じたルーティング\n- 存在しない URL の処理\n- リダイレクトの処理\n- ネストしたルーティング\n- 複数ページでのレイアウトの共通化\n\n### 推奨技術\n\nこのプロジェクトの難易度と趣旨を踏まえて、以下の使用をお勧めします。\n\n- React Router によるルーティングの実装\n- vite を用いた React 環境構築\n- Tailwind CSS を用いたスタイリング\n- TypeScriptによる型チェック\n- vercel へのデプロイ\n\n---\n\n## 🎯 お題\n\n- 「ユーザーストーリー」を全て満たす、アプリを構築してください。\n- 必要に応じて、スクリーンショットやデモサイトの URL を、参照してください。\n- なお、スタイルは、あなた自身で独自にカスタマイズすることが可能です。\n- イベントのデータに関しては、ダミーのデータで構いません。\n- メールアドレスを用いた申し込み機能は、実装しなくても構いません。\n\n### 必須機能\n\nこのアプリは、以下の 4 つのページで構成されています：\n\n1. **イベント一覧ページ**：\n   - サイトアクセス時に、イベント一覧を表示する。\n2. **イベント詳細ページ**：\n   - イベント詳細情報を表示する。\n3. **イベント申し込みページ**：\n   - イベントに申し込むためのメールフォームを表示する。\n4. **申し込み完了ページ**：\n   - 申し込み完了メッセージを表示する。\n\n## ユーザーストーリー\n\n- **TOP ページ:**\n  - [ ] ユーザーがサイトにアクセスすると、開催予定のイベント一覧を閲覧できる\n  - [ ] 個別のイベントをクリックして、詳細ページに遷移できる\n- **イベント詳細ページ**:\n  - [ ] ユーザーは各イベントの詳細情報を確認できる\n  - [ ] 参加希望者向けの、し込みボタンをクリックして、申し込みページに遷移できる\n- **イベント申し込みページ**:\n  - [ ] ユーザーは参加要件の最終確認ができる\n  - [ ] 「_申し込みを確定する_」ボタンをクリックして、申し込みを完了できる\n- **申し込み完了ページ**:\n  - [ ] ユーザーはイベントへの申し込み完了を確認できる\n  - [ ] 完了ページには、TOP ページへの URL リンクが配置されている\n- **その他**：\n  - [ ] フッターとヘッダーが、全ページ共通のレイアウトとして表示されている\n  - [ ] アプリケーションがデプロイされており、誰でもアクセス可能である。\n  - [ ] クライアントサイドルーティング（SPA）が実装されている\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fb13o%2Fevent-listing-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fb13o%2Fevent-listing-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fb13o%2Fevent-listing-app/lists"}