Journal Prompts
An analog-inspired single-page web application for journaling prompts that helps users understand and reflect on themselves.
https://bastitee.github.io/journal-prompts/
Features
- Category Selection: Choose from different categories of journaling prompts via a clean dropdown interface
- Random Prompt Display: Get randomly selected prompts from your chosen category with full context
- Same-Category Exploration: Get new prompts from the same category without reselecting
- Deep Linking: Share specific prompts with others via shareable URLs
- Copy Link: One-click copying of prompt URLs to clipboard
- Multilingual Support: Available in English and German with easy language switching
- Theme Support: Light and dark mode options
- Analog Design: Paper-inspired design with warm colors and subtle textures
- Responsive: Works beautifully on desktop and mobile devices
- TypeScript: Fully typed for better development experience
Data Format
Prompts are stored in YAML format with support for multilingual content:
categories:
BIO:
en: Biography
de: Biografie
prompts:
- id: 1
en:
prompt: "Describe a moment that changed your life..."
purpose: "Reflect on pivotal life moments..."
de:
prompt: "Beschreibe einen Moment, der dein Leben verändert hat..."
purpose: "Reflektiere über entscheidende Lebensmomente..."
Development Setup
Prerequisites
- Node.js (version 18 or higher)
- npm (comes with Node.js)
Installation
npm install
Development Commands
# Start development server with hot reload on port 8080
npm run dev
# Build for production
npm run build
# Preview production build locally
npm run preview
# Run TypeScript type checking
npm run type-check
# Run ESLint for code quality
npm run lint
# Auto-fix ESLint issues
npm run lint:fix
License
This project is open source and available under the MIT License.
Diary icons created by Freepik - Flaticon.
