[Landing Page]
AI Resume Builder is a full-stack web application designed to revolutionize how job seekers create their resumes. Built with the MERN Stack, it features a real-time editor and integrates Generative AI (Google Gemini) to assist users in writing professional summaries and enhancing job descriptions.
The application solves the "writer's block" problem by using AI to rewrite content to be more compelling, professional, and ATS-friendly with a single click.
- 🤖 AI-Powered Enhancement: Uses Google Gemini 1.5 Flash to automatically rewrite and improve professional summaries and experience descriptions.
- 📄 Smart Resume Parsing: Users can upload an existing PDF, and the app extracts the data to populate the builder automatically.
- 👁️ Real-Time Live Preview: See changes instantly as you edit the resume.
- 🔐 Secure Authentication: Robust user management using JWT (JSON Web Tokens) and HTTP-only cookies/headers.
- 🖼️ Profile Image Handling: Seamless image uploads and optimization via ImageKit.
- 🎨 Customization: Support for multiple templates, accent colors, and drag-and-drop reordering.
- mj Export to PDF: Generates high-quality, print-ready PDF resumes.
- Framework: React.js (Vite)
- State Management: Redux Toolkit
- Styling: Tailwind CSS
- Routing: React Router DOM
- HTTP Client: Axios (with Interceptors)
- Notifications: React Hot Toast
- Icons: Lucide React
- Runtime: Node.js
- Framework: Express.js
- Database: MongoDB (Mongoose ODM)
- AI Integration: OpenAI SDK (configured for Google Gemini API compatibility)
- Storage: ImageKit (Cloud storage for user avatars)
- File Parsing: PDF-to-Text libraries
|
|
To run this project locally, you need to configure the environment variables.
Create a .env file in the server directory and add the following:
# Clone the repo
git clone <your-repo-url>
cd InterviewPrepAI
# Install Backend
cd backend
npm install
# Install Frontend
cd ../frontend/interview-prep-ai
npm install
# npm run server (backend)
# npm run dev (frontend)