mirror of
https://github.com/Memo-2023/mana-monorepo.git
synced 2026-05-19 10:41:22 +02:00
All standalone SvelteKit web apps have been superseded by the unified ManaCore app (apps/manacore/apps/web). Moved to web-archived/ within each project to preserve history while removing from active workspace. Archived: calc, cards, chat, citycorners, contacts, context, guides, inventar, moodlit, mukke, news, nutriphi, photos, picture, planta, presi, questions, skilltree, storage, times, zitare, todo, calendar, uload, memoro Moved to apps-archived/: wisekeep (not integrated, inactive) Kept active: manacore (unified), matrix, manavoxel, arcade (separate containers) Server, landing, and package directories remain active for each project. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com> |
||
|---|---|---|
| .. | ||
| docs | ||
| src | ||
| static | ||
| .env.example | ||
| .gitignore | ||
| .npmrc | ||
| APPLE_SIGNIN_COMPLETE_GUIDE.md | ||
| Dockerfile | ||
| GOOGLE_SIGNIN_COMPLETE_GUIDE.md | ||
| package.json | ||
| README.md | ||
| svelte.config.js | ||
| tsconfig.json | ||
| vite.config.ts | ||
Memoro Web - SvelteKit Companion App
Web companion application for Memoro, built with SvelteKit. This is a hybrid architecture where the web app shares the same Supabase backend with the React Native mobile apps.
Architecture
- Frontend: SvelteKit 2.x + TypeScript
- Styling: TailwindCSS 3.x
- Backend: Supabase (shared with mobile apps)
- State Management: Svelte stores
- Internationalization: svelte-i18n
Features
Core Features
- Authentication (Email/Password + OAuth)
- Audio recording (Web Audio API)
- Memo management (CRUD operations)
- Real-time updates (Supabase Realtime)
- Spaces & collaboration
- Multi-language support (32 languages)
- Dark mode + 4 theme variants
- Responsive design
Web-Specific Features
- Progressive Web App (PWA) support
- Server-Side Rendering (SSR)
- SEO optimization
- Fast page loads
Getting Started
Prerequisites
- Node.js 18+
- npm or pnpm
- Supabase project (use the same one as mobile apps)
Installation
-
Clone the repository
-
Install dependencies:
npm install -
Copy
.env.exampleto.envand add your Supabase credentials:cp .env.example .env -
Start the development server:
npm run dev
Build for Production
npm run build
npm run preview
Project Structure
memoro-web/
├── src/
│ ├── lib/
│ │ ├── components/ # Reusable Svelte components
│ │ ├── stores/ # Svelte stores for state management
│ │ ├── services/ # API services (Supabase, etc.)
│ │ └── utils/ # Utility functions
│ ├── routes/
│ │ ├── (public)/ # Public routes (login, register)
│ │ ├── (protected)/ # Protected routes (dashboard, memos)
│ │ ├── +layout.svelte # Root layout
│ │ └── +page.svelte # Home page
│ ├── app.css # Global styles (TailwindCSS)
│ └── app.html # HTML shell
├── static/ # Static assets
└── package.json
Deployment
Vercel (Recommended)
- Push to GitHub
- Connect to Vercel
- Add environment variables
- Deploy
Netlify
- Push to GitHub
- Connect to Netlify
- Build command:
npm run build - Publish directory:
build - Add environment variables
- Deploy
License
Proprietary - All rights reserved