A beautiful, thoughtfully designed digital journaling application that guides users through their personal healing journey with daily prompts and reflections.
- 📝 Daily Prompts: Thoughtfully curated prompts to guide your self-reflection and healing journey
- 📖 Book-like Interface: Realistic page-turning animations and a two-page spread on desktop
- 📱 Responsive Design: Seamless experience across desktop, tablet, and mobile devices
- ✍️ Rich Text Editor: Format your entries with basic text styling options
- 💾 Automatic Saving: Never lose your thoughts with automatic local storage
- 🔒 Privacy First: All journal entries are stored locally on your device
- Node.js 18.0.0 or higher
- npm 9.0.0 or higher
-
Clone the repository:
git clone https://github.com/yourusername/healing-journey-journal.git
-
Navigate to the project directory:
cd healing-journey-journal -
Install dependencies:
npm install
-
Start the development server:
npm run dev
-
Open your browser and visit
http://localhost:5173
- Frontend Framework: React 18 with TypeScript
- Styling: Tailwind CSS
- State Management: Zustand
- Rich Text Editor: React Quill
- Icons: Lucide React
- Build Tool: Vite
healing-journey-journal/
├── src/
│ ├── components/ # React components
│ ├── data/ # Static data (prompts)
│ ├── store/ # Zustand store
│ ├── types/ # TypeScript types
│ ├── App.tsx # Root component
│ └── main.tsx # Entry point
├── public/ # Static assets
└── package.json # Project dependencies
-
Writing Entries: Click on the journal page to begin writing. The editor supports basic text formatting options.
-
Navigation:
- Desktop: Click the corner arrows or use the navigation buttons
- Mobile/Tablet: Swipe left/right or use navigation buttons
- Keyboard: Use arrow keys for navigation
-
Information: Click the info icon in the header to learn more about the journal's features
- Fork the repository
- Create your feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
This is a private repository. Not licensed for public or commercial use. All rights reserved © Brown Creative Company
- Font families: Lora (serif) and Montserrat (sans-serif)
- Paper texture background from Transparent Textures
- Icons from Lucide React
All journal entries are stored locally in your browser's localStorage. No data is sent to any external servers. For data preservation, consider regularly backing up your entries.
