Migrate all repos into monorepo context folders
Bahn: aisupport, Analyse-O2C-C2S, awesome-bahn-mcp-servers, beam-mcp,
Confluence_Bot, db-planet-mcp-server, O2C-Harness, project-audit,
Projekt-KIQ-HP, teamlandkarte-mcp
Dhive: Jury-Voting
Privat: CV, NoteGraph (NOTE: NoteGraph needs complete redo after consolidation)
Shared: AI-Orchestrator, OrgMyLife, power_skills_and_more
Shared/references: symphony (read-only)
Bahn repos remain available as independent remotes - this monorepo
pulls them in via subtree, the originals are untouched.
This commit is contained in:
@@ -0,0 +1,56 @@
|
||||
# Projekt-KIQ Homepage - Session Summary (2026-04-16)
|
||||
|
||||
## Overview
|
||||
Today we transformed the Projekt-KIQ Homepage from a static mockup into a functional MVP with a secure internal area, role-based access control, and a live communication channel for access requests.
|
||||
|
||||
## Key Accomplishments
|
||||
|
||||
### 1. Visual & UX Upgrades
|
||||
- **Branding & Aesthetics**: Implemented a "Premium High-Tech" design system using neon green accents (`#00FF00`), glassmorphism, and dynamic background meshes.
|
||||
- **Plattform-Vision**: Upgraded from simple emojis to abstract, high-resolution background images for the "Business", "Developer", and "Sovereignty" pillars.
|
||||
- **Interactive Elements**:
|
||||
- Added a smooth zoom effect to customer logos.
|
||||
- Implemented `ScrollToTop` logic for seamless page transitions.
|
||||
- Updated the 3D Stats cube to reflect **6 active live use cases**.
|
||||
|
||||
### 2. Security & Authentication (RBAC)
|
||||
- **Auth Guard**: Implemented a `ProtectedRoute` component managing session-based authentication via `sessionStorage`.
|
||||
- **Role-Based Access Control (RBAC)**: Added dual-role functionality to distinguish between Administrative and Investor access.
|
||||
- **Branded Login**: Created a dedicated login page (`/login`) with error handling and automatic redirection.
|
||||
- **Logout System**: Integrated "Abmelden" functionality across all protected views.
|
||||
|
||||
### 3. Internal Areas (Secured)
|
||||
- **Admin Dashboard**: A management view for oversight of access requests and system status.
|
||||
- **Investor Relations**: A restricted content area for "Confidential Business Case" information, document downloads (Pitch Deck), and traction stats.
|
||||
|
||||
### 4. Communication & Integration
|
||||
- **Live Access Request**: Integrated **Web3Forms** into the `AccessRequest` page.
|
||||
- **Real Submissions**: Submissions now successfully post to `https://api.web3forms.com/submit` and are delivered directly to `KIQ@d-hive.de`.
|
||||
- **Form UX**: Added loading states ("Wird gesendet...") and error banners for submission failures.
|
||||
|
||||
### 5. Navigation Architecture
|
||||
- **Auth-Aware BottomDock**: The persistent bottom menu now changes dynamically based on login status:
|
||||
- **Guest**: Home, Use Cases, Request Access.
|
||||
- **Investor**: Guests + 🔒 Investor Area.
|
||||
- **Admin**: Investors + ⚙ Admin Panel.
|
||||
- **Menu Cleanup**: Simplified the mobile burger menu to focus on the public experience.
|
||||
|
||||
## Technical Snapshot
|
||||
|
||||
- **Framework**: React (Vite)
|
||||
- **Styling**: Vanilla CSS (Global variables + Component CSS)
|
||||
- **Auth Storage**: `sessionStorage` (Key: `kiq_role`)
|
||||
- **Forms**: Web3Forms API
|
||||
- **Icons**: Lucide-React
|
||||
|
||||
## Credentials (MVP Phase)
|
||||
|
||||
| Role | Username | Password | Access Level |
|
||||
|---|---|---|---|
|
||||
| **Admin** | `admin` | `testthetestingtesters-2026` | Full (Admin + Restricted) |
|
||||
| **Investor** | `investor-KIQ` | `testinvestortestingit-2026` | Restricted Only |
|
||||
|
||||
## Next Steps
|
||||
1. **Content Population**: Replace the temporary mock data in `AdminDashboard` with dynamic data (requires a backend transition).
|
||||
2. ~~**Persistent Storage**~~: Completed — migrated to Express backend with JSON file storage and session-based auth.
|
||||
3. **Deployment**: The site is production-ready (`npm run build` verified).
|
||||
Reference in New Issue
Block a user