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

Till-JS e7f5f942f3 chore: initial commit - consolidate 4 projects into monorepo

Projects included:
- maerchenzauber (NestJS backend + Expo mobile + SvelteKit web + Astro landing)
- manacore (Expo mobile + SvelteKit web + Astro landing)
- manadeck (NestJS backend + Expo mobile + SvelteKit web)
- memoro (Expo mobile + SvelteKit web + Astro landing)

This commit preserves the current state before monorepo restructuring.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

2025-11-22 23:38:24 +01:00

2.5 KiB

Raw Blame History

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

2.5 KiB Raw Blame History