The Entheodex is a digital "trip dashboard" built for psychonauts. It serves as a grounding tool and interactive playground, combining harm reduction utilities with reactive visuals and audio discovery.
The interface is designed with a "Cyberpunk/Glassmorphism" aesthetic, optimized for both desktop command centers and mobile usage.
A session tracking system that monitors elapsed time and trip phases. It provides a grounding anchor when time dilation becomes overwhelming.
Here is where you can find the dosage info and interactions with other substances
A guidance module offering grounding affirmations, help resources, and notepad for ideas
A massive genre explorer connecting to over 100+ musical styles. Features a "Randomize" function for music discovery and specific "Vibe" selectors.
- Idle Melter: The interface visually "melts" and distorts when left idle for too long.
- Reactive Glassmorphism: UI elements respond to mouse movement and focus.
- Core: React (Vite)
- Styling: Tailwind CSS + Custom CSS Variables (Neon Theme)
- Animation: Framer Motion & HTML5 Canvas
- Routing: Wouter
- State: React Query & Local Storage
- Language: TypeScript & JavaScript
- Node.js (v16 or higher)
- npm or yarn
-
Clone the repository
git clone [https://github.com/yourusername/entheodex.git](https://github.com/yourusername/entheodex.git) cd entheodex -
Install dependencies
npm install
-
Run the development server
npm run dev
-
Build for production
npm run build
client/
├── src/
│ ├── components/
│ │ ├── ui/ # GlassCards, MeltText, buttons
│ │ ├── BioClock.tsx # Timer logic
│ │ ├── Kaleidoscope.tsx # Fluid Void Visuals
│ │ ├── AuxCord.tsx # Music database
│ │ └── Oracle.tsx # Guidance system
│ ├── pages/
│ │ └── Home.tsx # Main Dashboard Layout
│ ├── App.tsx # Main Router & Layout
│ └── index.css # Global Neon Variables