Status: MVP / Portal Prototype
Demo: https://deutschocean-vylu.vercel.app/app
Repository: https://github.com/Magaloko/deutschocean
deutschocean is a React/Firebase portal app with authentication, dashboard structures and a Tiptap-based content editing workflow.
It demonstrates how a lightweight content portal can combine protected app areas, editorial flows and dashboard navigation in a Vite application.
The project bundles typical portal and content-management patterns:
- authenticated app areas
- dashboard-style navigation
- editorial content structures
- rich-text editing with Tiptap
- Firebase-backed data/auth setup
- React Router based app navigation
- test setup with Vitest
| Layer | Technology |
|---|---|
| Frontend | React 18 + Vite |
| Routing | React Router |
| Backend / Auth | Firebase |
| Editor | Tiptap |
| Testing | Vitest |
| Deployment | Vercel |
npm install
npm run devLocal URL:
http://localhost:5173
Copy .env.example or .env.local.example and set the required Firebase values before using backend-dependent features.
| Command | Purpose |
|---|---|
npm run dev |
start local Vite dev server |
npm run build |
create production build |
npm run preview |
preview production build locally |
npm run lint |
run ESLint |
npm run test |
run Vitest tests |
This repository is a portal MVP / prototype. It is suitable as a portfolio reference for content portals, dashboard structures and editor workflows.
Before production use, target audience, permissions, Firebase rules, content model and deployment configuration should be reviewed for the concrete project context.