mirror of
https://github.com/Memo-2023/mana-monorepo.git
synced 2026-05-14 22:01:09 +02:00
Move inactive projects out of active workspace: - bauntown (community website) - maerchenzauber (AI story generation) - memoro (voice memo app) - news (news aggregation) - nutriphi (nutrition tracking) - reader (reading app) - uload (URL shortener) - wisekeep (AI wisdom extraction) Update CLAUDE.md documentation: - Add presi to active projects - Document archived projects section - Update workspace configuration Archived apps can be re-activated by moving back to apps/ 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
2.5 KiB
2.5 KiB
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