REMind (Mockup Demo)

🚧 This is a MOCKUP / DEMO APPLICATION for a university project – no real backend, AI features, or data storage. 🚧

REMind is an interactive, front-end prototype that showcases dream journaling, AI-powered analysis (simulated), and immersive VR demonstrations. Built with React, TypeScript, Vite, and Tailwind CSS, it’s designed for demos and concept validation only.

Features (all mockup/demo only)

• (Mockup) Dream Journal Record dreams as text entries, voice memos, or sketches—UI only, no persistence.
• (Mockup) AI Analysis Simulated “Here the AI would analyze your dream…” step with instant, hard-coded interpretations, symbol recognition, and emotion tagging.
• (Mockup) Personal Archive Browse and filter past mock entries by date, symbols, emotions, or tags.
• (Mockup) Statistics & Trends Visualize frequent symbols, emotional patterns, and simulated sleep-cycle correlations using dummy data.
• (Mockup) VR Dreamscapes Enter 3D scenes built with React Three Fiber—explore thematic environments (labyrinths, dark rooms) in browser-based VR mode.
• Responsive Design Works on desktop browsers(design optimized for mobile) and mobile devices. Ideal for QR-code launches at demos.

Tech Stack

• Framework: React + TypeScript
• Bundler: Vite
• Styling: Tailwind CSS
• Routing: React Router Dom
• Icons: React Icons
• 3D & VR: @react-three/fiber
• Linting: ESLint

Getting Started

Note: This repository contains only a front-end prototype with hard-coded mock data. There is no production backend or AI service.

1. Clone the repo

git clone https://gitea.puchstein.bayern/mpuchstein/REMind.git
cd REMind

2. Install dependencies

npm install

3. Run development server

npm run dev

Open http://localhost:5173 in your browser. 4. Build for production (static demo)

npm run build
npm run preview

Project Structure

.
├── public/              # Static assets
├── src/
│   ├── assets/          # Images, fonts
│   ├── components/      # Reusable React components
│   ├── data/            # Mock data (dream entries, analysis)
│   ├── pages/           # Route-driven pages
│   ├── types/           # TypeScript types/interfaces
│   ├── App.tsx          # Root component
│   ├── index.css        # Tailwind setup
│   └── main.tsx         # Entry point
├── index.html           # HTML template
├── package.json         # Scripts & dependencies
├── tsconfig.app.json    # TS config for app
├── vite.config.ts       # Vite config
└── README.md            # This file

Usage & Demo

• Start Dream Journal — click “🌙 Lass die Magie beginnen” to open the mock dream entry form.
• AI Analysis — submit an entry to see the “mock” interpretation card.
• Browse Archive — filter mock entries by symbol, emotion, or date.
• VR Mode — click VR Demo to load an immersive 3D scene in your browser.

Reminder: REMind is a design-and-concept prototype only. Enjoy exploring the features—no real data or AI integration under the hood!