A meditative web application for crafting cover letters infused with philosophical depth, inspired by the wisdom of thinkers like Naval Ravikant. Built with React.js and Vite, featuring a minimalist black-and-white aesthetic that evokes timeless wisdom and introspection.
- Minimalist Design: Clean black-and-white theme with subtle gray accents
- Elegant Typography: Serif fonts (Playfair Display, EB Garamond) for headings and philosophical quotes
- Grid System: Subtle grid lines visible on hover, creating a structured yet ethereal feel
- Meditative Experience: Subtle animations and philosophical quotes throughout the interface
- LLM Integration: Support for OpenAI ChatGPT, Google Gemini, and Anthropic Claude
- Data Organization: Raw JSON input transformed into structured, editable categories
- Philosophical Prompts: Contextual guidance inspired by Naval Ravikant's wisdom
- Rich Text Editing: Advanced editor for refining generated cover letters
- PDF Export: Download cover letters with the same philosophical aesthetic
- Essence Selection: Choose your preferred LLM and provide API key
- Raw Data Input: Share your experience in JSON format
- Data Organization: LLM structures your information into philosophical categories
- Refinement: Edit organized data with philosophical prompts
- Opportunity Input: Provide job description and custom instructions
- Letter Forge: LLM researches and generates a philosophical cover letter
- Final Refinement: Edit and download your cover letter as PDF
- Node.js (version 16 or higher)
- npm or yarn
- API keys for your chosen LLM provider
-
Clone the repository
git clone <repository-url> cd coverai
-
Install dependencies
npm install
-
Start the development server
npm run dev
-
Open your browser Navigate to
http://localhost:5173
npm run buildThe application supports three LLM providers. You'll need to obtain API keys from:
- OpenAI: OpenAI API
- Google Gemini: Google AI Studio
- Anthropic Claude: Anthropic Console
Your JSON input should follow this structure:
{
"philosophy": "Your worldview and approach to life and work...",
"work": "Your professional journey and experience...",
"projects": "Key projects and achievements...",
"background": "Educational and personal history...",
"skills": "Technical and soft skills..."
}- Monochrome Palette: Strictly black, white, and subtle grays
- Typography Hierarchy: Serif fonts for philosophical elements, sans-serif for readability
- Grid System: Visible grid lines that organize content with mathematical precision
- Minimalist Approach: Every element serves a purpose, no decorative flourishes
- Naval Ravikant Inspiration: Focus on first principles, leverage, and personal sovereignty
- Wisdom Language: UI text uses profound, sparse language
- Meditative Experience: Subtle animations and philosophical quotes
- Intentional Design: Every interaction is a meditation on purpose
- Frontend: React.js with Vite
- Styling: CSS with custom properties and philosophical design system
- Rich Text: React Quill for advanced editing
- PDF Generation: jsPDF for document export
- LLM Integration: Direct API calls to OpenAI, Google, and Anthropic
src/
├── components/
│ ├── AppWrapper.jsx # Theme wrapper
│ ├── LLMSelector.jsx # API key management
│ ├── DataInput.jsx # JSON input and validation
│ ├── DataOrganizer.jsx # LLM data structuring
│ ├── EditableGrid.jsx # Grid-based data editing
│ ├── JobInput.jsx # Job description input
│ ├── LetterGenerator.jsx # LLM cover letter generation
│ ├── LetterEditor.jsx # Rich text editing
│ └── DownloadButton.jsx # PDF export
├── utils/
│ └── llmService.js # LLM API integration
├── App.jsx # Main application
└── App.css # Philosophical styling
- Local Storage: All data is stored locally in the browser
- No Backend: No data is sent to external servers except LLM APIs
- API Key Security: Keys are stored securely in localStorage
- No User Accounts: Completely anonymous and private
Select your preferred LLM provider and enter your API key. The application will remember your choice across sessions.
Input your experience in JSON format. The application provides an example structure to guide you.
The LLM will analyze your raw data and organize it into philosophical categories with profound insights.
Edit each category with philosophical prompts guiding your refinement process.
Provide the job description and any custom instructions for the cover letter generation.
The LLM will research the job deeply and craft a philosophical cover letter in Naval Ravikant's style.
Edit the generated letter and download it as a beautifully formatted PDF.
The application features rotating philosophical quotes such as:
- "The cover letter is not a plea, but a declaration of inevitable fit."
- "In the vast expanse of possibilities, this role calls to my core pursuit of creation."
- "Words are the vessels of intention; let them carry your essence with precision."
This project embraces the philosophy of collaborative wisdom. Contributions are welcome in the spirit of improving the meditative experience and philosophical depth of the application.
This project is licensed under the MIT License - see the LICENSE file for details.
- Inspired by the philosophical wisdom of Naval Ravikant
- Built with modern web technologies for a timeless experience
- Designed for those who seek meaning in their professional journey
"Craft your essence into words that resonate with the cosmos of opportunity."