GenLetter AI is a smart, AI-powered web app designed to help job seekers generate personalized, professional cover letters in seconds. Built for speed, simplicity, and effectiveness, GenLetter eliminates blank-page anxiety and delivers tailored output that matches your tone and goals — no templates, no fluff.
Frontend
- React.js + Next.js – Fast, SEO-optimized framework for dynamic pages.
- Tailwind CSS – Utility-first CSS for sleek, responsive UI.
- TypeScript – Type-safe, scalable development experience.
Backend
- Node.js + Express (or API Routes) – API handling and server-side logic.
- GeminiAI API – For GPT-powered natural language generation.
Authentication
- Optional integration with NextAuth.js or JWT-based auth (if applicable).
Deployment
- Hosted on Vercel for zero-config builds, serverless functions, and high performance.
- ✍️ AI-Powered Generation – Instantly generate cover letters using the latest LLM technology.
- 🧠 Personalized Output – Tailored letters based on your name, role, company, experience, and goals.
- ⚡ Live Preview – See your cover letter as it’s being generated or edited.
- 🧰 Editable Drafts – Modify your letter after generation before downloading.
- 📥 One-Click Download – Get your formatted letter in seconds, ready to submit.
- 🌙 Dark Mode – Fully responsive and theme-friendly UI for any device.
Ensure you have the following installed:
Cloning the Repository
git clone https://github.com/engraya/genLetter-ai
cd hirescapeProject Structure
Setup 1.Navigate to the frontend folder:
cd ../genletter-ai2.Install dependencies:
npm install- Start the development server:
npm run dev- Open your browser and go to:
http://localhost:3000Installation
Install the project dependencies using npm:
# Clone the repository
git clone https://github.com/engraya/genLetter-ai
# Navigate into the project
cd genletter-ai
# Install dependencies
npm install # or yarn install🧱 Project Structure (Simplified)
src/
├── components/ # Reusable UI components
├── pages/ # Next.js route-based components
├── styles/ # Tailwind and global CSS
├── lib/ # Helper functions and API integrations (e.g. with OpenAI)
├── public/ # Static assets
└── utils/ # Utility functions
- Input Your Info – Add your name, job title, company name, experience, and key details.
- Generate – Our AI crafts a custom cover letter using the OpenAI API.
- Preview & Edit – Refine the letter if needed, live in the browser.
- Download – Export your letter in a copyable or downloadable format.
- 📄 PDF Export
- 🗃️ Save Letter History
- 🌐 Multi-Language Support
- ✉️ Email Integration (Apply directly)
- 💬 Tone & Style Options (formal, friendly, assertive)
Contributions are welcome! To contribute:
- Fork the repository.
- Create a new branch: git checkout -b feature-branch
- Commit changes: git commit -m "Added new feature"
- Push to GitHub: git push origin feature-branch
- Open a Pull Request 🎉
- Google Gemini AI – For their cutting-edge GPT models.
- Next.js – The foundation of this blazing-fast app.
- Tailwind CSS – For flexible and modern styling.
- Vercel – For seamless hosting and deployment.
You can deploy GenLetter AI on platforms like Vercel, Render, AWS Lambda, Firebase Functions, or Heroku.
Vercel Deployment
- Push the project to a GitHub repository.
- Connect your GitHub repo to Vercel.
- Set up the environment variables in Vercel's dashboard for production.
- Deploy the app to Vercel.
- Vercel will automatically build and deploy the app whenever changes are pushed to your main branch.
- 👨💻 Author: Ahmad Yakubu Ahmad (@engraya)
- 📧 Email: engrahmadaya@gmail.com
- 🌐 Portfolio: https://engrahmadaya.vercel.app