{"id":27312322,"url":"https://github.com/d-oit/vite-react-material-ui-brainstroming","last_synced_at":"2025-04-12T06:39:41.242Z","repository":{"id":286463755,"uuid":"961433019","full_name":"d-oit/vite-react-material-ui-brainstroming","owner":"d-oit","description":null,"archived":false,"fork":false,"pushed_at":"2025-04-06T16:28:25.000Z","size":759,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-06T17:19:41.742Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/d-oit.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":"2025-04-06T14:10:09.000Z","updated_at":"2025-04-06T16:28:29.000Z","dependencies_parsed_at":"2025-04-06T17:19:44.144Z","dependency_job_id":"4dfe706f-4355-4c21-9d6c-5afc1c5fbce7","html_url":"https://github.com/d-oit/vite-react-material-ui-brainstroming","commit_stats":null,"previous_names":["d-oit/vite-react-material-ui-brainstroming"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/d-oit%2Fvite-react-material-ui-brainstroming","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/d-oit%2Fvite-react-material-ui-brainstroming/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/d-oit%2Fvite-react-material-ui-brainstroming/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/d-oit%2Fvite-react-material-ui-brainstroming/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/d-oit","download_url":"https://codeload.github.com/d-oit/vite-react-material-ui-brainstroming/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248530626,"owners_count":21119590,"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","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":[],"created_at":"2025-04-12T06:39:41.143Z","updated_at":"2025-04-12T06:39:41.221Z","avatar_url":"https://github.com/d-oit.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# d.o.it.brainstorming\n\nA fully responsive PWA for structured brainstorming with offline-first capabilities.\n\n\u003e Unleash structured creativity — anywhere, anytime.\n\n## Features\n\n- **Project-Based Brainstorming**: Organize your ideas within project contexts with customizable templates\n- **React Flow Integration**: Visualize brainstorming workflows with draggable and editable nodes\n- **Material UI v7**: Modern UI components with dark/light mode support\n- **Git History Viewer**: Track changes and versions of your projects\n- **OpenRouter LLM Chat**: AI-powered assistance for brainstorming with node generation\n- **AWS S3 Sync**: Backup and sync your projects to the cloud (optional)\n- **Offline-First PWA**: Work anywhere, even without an internet connection\n- **Responsive Design**: Mobile-first approach with adaptive layouts\n- **Accessibility**: Keyboard navigation, screen reader support, and more\n- **Localization**: Available in English and German\n- **Performance Optimized**: Code splitting, lazy loading, and memoization\n\n## Tech Stack\n\n- Vite 6 + React 18 + TypeScript\n- Material UI v7\n- React Flow for node-based visualization\n- Framer Motion for smooth animations\n- AWS SDK for S3 integration\n- OpenAI/OpenRouter API for LLM chat\n- Workbox for PWA and offline support\n- Vitest for unit testing\n- Playwright for E2E testing\n\n## Getting Started\n\n### Prerequisites\n\n- Node.js (v20 or higher)\n- npm or yarn\n\n### Installation\n\n1. Clone the repository:\n\n   ```bash\n   git clone https://github.com/d-oit/vite-react-material-ui-brainstroming.git\n   cd vite-react-material-ui-brainstroming\n   ```\n\n2. Install dependencies:\n\n   ```bash\n   npm install\n   ```\n\n3. Create a `.env` file in the root directory with the following variables (or copy from `.env.example`):\n\n   ```env\n   VITE_S3_ENDPOINT=your_s3_endpoint_here\n   VITE_OPENROUTER_API_URL=https://openrouter.ai/api/v1\n   VITE_PROJECT_VERSION=0.1.0\n   VITE_SKIP_DELETE_CONFIRMATION=false\n   ```\n\n### Development\n\nStart the development server:\n\n```bash\nnpm run dev\n```\n\n### Building for Production\n\nBuild the app for production:\n\n```bash\nnpm run build\n```\n\nPreview the production build:\n\n```bash\nnpm run preview\n```\n\n### Testing\n\nRun unit tests:\n\n```bash\nnpm run test\n```\n\nRun E2E tests:\n\n```bash\nnpm run test:e2e\n```\n\n### Code Quality\n\n#### Linting\n\nCheck for linting issues:\n\n```bash\nnpm run lint\n```\n\nFix linting issues automatically:\n\n```bash\nnpm run lint:fix\n```\n\nRun CI-level linting (zero warnings):\n\n```bash\nnpm run ci:lint\n```\n\n#### Formatting\n\nFormat code with Prettier:\n\n```bash\nnpm run format\n```\n\nCheck if code is properly formatted:\n\n```bash\nnpm run format:check\n```\n\n#### Pre-commit Hooks\n\nThis project uses Husky and lint-staged to automatically lint and format code before commits. This ensures that all committed code meets the project's quality standards.\n\n## Project Structure\n\n- **Project-Based Organization**: All brainstorming activities are organized within projects\n- **Template System**: Choose from predefined templates or create custom ones\n- **Version Control**: Track changes to your projects with built-in history\n- **Import/Export**: Share your projects or back them up locally\n\n## PWA Features\n\n- Installable on desktop and mobile devices\n- Works offline with cached data\n- Background sync for updates when online\n- Optimized caching strategies for assets and API responses\n- Responsive design for all screen sizes\n\n## Accessibility Features\n\n- Keyboard navigation support with shortcuts\n- ARIA attributes for screen readers\n- Focus management and skip links\n- Color contrast compliance (WCAG 2.2 AA)\n- Screen reader announcements for dynamic content\n\n## Performance Optimizations\n\n- Code splitting and lazy loading\n- React.memo for performance-critical components\n- Optimized React Flow rendering with virtualization\n- Efficient state management\n- Responsive image loading\n- Browser caching strategies\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fd-oit%2Fvite-react-material-ui-brainstroming","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fd-oit%2Fvite-react-material-ui-brainstroming","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fd-oit%2Fvite-react-material-ui-brainstroming/lists"}