mirror of https://github.com/Memo-2023/mana-monorepo.git synced 2026-05-16 11:19:39 +02:00

History

Till JS 6d2509c258 feat(memoro): add deployment infrastructure and migrate web services to new Hono server - Dockerfile for audio-server (Bun + ffmpeg) - docker-compose.macmini.yml entries for memoro-server (3015) and memoro-audio-server (3016) - Dev commands: dev:memoro:server, dev:memoro:audio-server, dev:memoro:app, dev:memoro:full - MEMORO_* env vars in .env.development - web: add PUBLIC_MEMORO_SERVER_URL env var to env.ts and .env.example - web: rewrite transcriptionService → POST /api/v1/memos (new server path) - web: rewrite spaceService → /api/v1/spaces/* (aligned with actual Hono routes) - server: fix callAudioServer param name audioPath (was filePath) in memos.ts Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>		2026-03-31 20:16:54 +02:00
..
docs	feat(memoro): integrate memoro web app into monorepo (phases 1-6)	2026-03-31 17:19:20 +02:00
src	feat(memoro): add deployment infrastructure and migrate web services to new Hono server	2026-03-31 20:16:54 +02:00
static	feat(memoro): integrate memoro web app into monorepo (phases 1-6)	2026-03-31 17:19:20 +02:00
.env.example	feat(memoro): add deployment infrastructure and migrate web services to new Hono server	2026-03-31 20:16:54 +02:00
.gitignore	feat(memoro): integrate memoro web app into monorepo (phases 1-6)	2026-03-31 17:19:20 +02:00
.npmrc	feat(memoro): integrate memoro web app into monorepo (phases 1-6)	2026-03-31 17:19:20 +02:00
APPLE_SIGNIN_COMPLETE_GUIDE.md	feat(memoro): integrate memoro web app into monorepo (phases 1-6)	2026-03-31 17:19:20 +02:00
GOOGLE_SIGNIN_COMPLETE_GUIDE.md	feat(memoro): integrate memoro web app into monorepo (phases 1-6)	2026-03-31 17:19:20 +02:00
package.json	feat(memoro): integrate memoro web app into monorepo (phases 1-6)	2026-03-31 17:19:20 +02:00
README.md	feat(memoro): integrate memoro web app into monorepo (phases 1-6)	2026-03-31 17:19:20 +02:00
svelte.config.js	feat(memoro): integrate memoro web app into monorepo (phases 1-6)	2026-03-31 17:19:20 +02:00
tsconfig.json	feat(memoro): integrate memoro web app into monorepo (phases 1-6)	2026-03-31 17:19:20 +02:00
vite.config.ts	feat(memoro): integrate memoro web app into monorepo (phases 1-6)	2026-03-31 17:19:20 +02:00

README.md

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.example to .env and add your Supabase credentials:
```
cp .env.example .env
```
Start the development server:
```
npm run dev
```
Open http://localhost:5173

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