mirror of https://github.com/Memo-2023/mana-monorepo.git synced 2026-05-14 21:41:09 +02:00

History

Till-JS c712a2504a feat: integrate uload and picture, unify package naming - Add uload project with apps/web structure - Reorganize from flat to monorepo structure - Remove PocketBase binary and local data - Update to pnpm and @uload/web namespace - Add picture project to monorepo - Remove embedded git repository - Unify all package names to @{project}/{app} schema: - @maerchenzauber/* (was @storyteller/) - @manacore/ (was manacore-, manacore) - @manadeck/ (was web, backend, manadeck) - @memoro/* (was memoro-web, landing, memoro) - @picture/* (already unified) - @uload/web - Add convenient dev scripts for all apps: - pnpm dev:{project}:web - pnpm dev:{project}:landing - pnpm dev:{project}:mobile - pnpm dev:{project}:backend 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>		2025-11-25 04:00:36 +01:00
..
docs	chore: initial commit - consolidate 4 projects into monorepo	2025-11-22 23:38:24 +01:00
src	Feat: Login localization, design, märchenzauber feature complete webapp	2025-11-25 02:19:40 +01:00
static	feat: add i18n localization with language switcher to all web apps	2025-11-25 01:41:25 +01:00
.env.example	chore: initial commit - consolidate 4 projects into monorepo	2025-11-22 23:38:24 +01:00
.gitignore	chore: initial commit - consolidate 4 projects into monorepo	2025-11-22 23:38:24 +01:00
.npmrc	chore: initial commit - consolidate 4 projects into monorepo	2025-11-22 23:38:24 +01:00
APPLE_SIGNIN_COMPLETE_GUIDE.md	chore: initial commit - consolidate 4 projects into monorepo	2025-11-22 23:38:24 +01:00
GOOGLE_SIGNIN_COMPLETE_GUIDE.md	chore: initial commit - consolidate 4 projects into monorepo	2025-11-22 23:38:24 +01:00
package.json	feat: integrate uload and picture, unify package naming	2025-11-25 04:00:36 +01:00
postcss.config.js	feat: unify UI components, AppSlider, and login screens across apps	2025-11-24 21:53:44 +01:00
README.md	chore: initial commit - consolidate 4 projects into monorepo	2025-11-22 23:38:24 +01:00
svelte.config.js	feat: add i18n localization with language switcher to all web apps	2025-11-25 01:41:25 +01:00
tailwind.config.js	feat: add i18n localization with language switcher to all web apps	2025-11-25 01:41:25 +01:00
tsconfig.json	chore: initial commit - consolidate 4 projects into monorepo	2025-11-22 23:38:24 +01:00
vite.config.ts	chore: initial commit - consolidate 4 projects into monorepo	2025-11-22 23:38:24 +01: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