Memoir

A beautiful, modern journaling application for self-reflection and personal growth. Memoir helps you capture your thoughts, track your moods, and organize your memories in a secure and intuitive way.

Features

• Rich Text Editor - Express yourself with a powerful editor supporting markdown, formatting, and more
• Mood Tracking - Tag your entries with moods and visualize your emotional journey over time with beautiful analytics
• Collections - Organize your journal entries into collections and keep your thoughts structured
• Daily Prompts - Get inspired with daily prompts and mood-based imagery to spark your creativity
• Secure & Private - Your thoughts are safe with enterprise-grade security and privacy features powered by Clerk
• Beautiful UI - Modern, responsive design that works beautifully on all devices
• Mood Analytics - Visualize your emotional patterns with interactive charts and insights

Recent Updates

This project has been actively modified and improved with new features and bug fixes. Recent enhancements include:

• Enhanced UI/UX - Improved user interface with better responsiveness and modern design patterns
• Performance Optimizations - Faster page loads and smoother interactions
• Bug Fixes - Resolved various issues for a more stable experience
• New Features - Added functionality to improve the journaling experience
• Code Quality - Refactored codebase for better maintainability and scalability

Tech Stack

• Framework: Next.js 15 with App Router
• Language: TypeScript
• Styling: Tailwind CSS
• UI Components: Radix UI
• Authentication: Clerk
• Database: PostgreSQL with Prisma
• Form Handling: React Hook Form with Zod validation
• Rich Text Editor: React Quill
• Charts: Recharts
• Deployment: Optimized for Vercel

Getting Started

Prerequisites

• Node.js 18+ and npm/yarn/pnpm/bun
• PostgreSQL database
• Clerk account (for authentication)

Installation

1. Clone the repository:

git clone https://github.com/yourusername/memoir.git
cd memoir

2. Install dependencies:

npm install
# or
yarn install
# or
pnpm install

3. Set up your environment variables. Create a .env file in the root directory:

DATABASE_URL="your-postgresql-connection-string"
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY="your-clerk-publishable-key"
CLERK_SECRET_KEY="your-clerk-secret-key"

4. Set up the database:

npx prisma migrate dev
npx prisma generate

5. Run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

6. Open http://localhost:3000 in your browser to see the application.

Project Structure

memoir/
├── app/                    # Next.js app directory
│   ├── (main)/            # Main application routes
│   │   ├── dashboard/     # Dashboard page
│   │   ├── journal/       # Journal entry pages
│   │   └── collection/    # Collection pages
│   └── page.tsx           # Landing page
├── components/            # Reusable React components
├── actions/               # Server actions
├── lib/                   # Utility functions and types
├── prisma/                # Database schema
└── public/                # Static assets

Available Scripts

• npm run dev - Start development server with Turbopack
• npm run build - Build for production
• npm run start - Start production server
• npm run lint - Run ESLint
• npm run format - Format code with Prettier

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

This project is private and proprietary.

Acknowledgments

• Built with Next.js
• UI components from Radix UI
• Icons from Lucide