MagmaAI - AI-Powered Career Optimization Suite

MagmaAI is a modern web application built with Next.js 15 that helps users optimize their professional presence. It leverages the Gemini API to provide two core services: an automated, ATS-friendly resume generator and a LinkedIn profile optimizer.

🚀 Key Features

• AI Resume Generator: Creates professional, one-page resumes tailored for internships and entry-level roles based on the Internshala Resume Guide.
• LinkedIn Profile Optimizer: Generates keyword-rich headlines, professional narratives (About section), and structured experience summaries in a ready-to-use format.
• Modern UI/UX: Built with Tailwind CSS 4 and Framer Motion for smooth, interactive experiences, including a plasma-themed background.
• Gemini Integration: Utilizes gemini-2.5-flash-preview and gemini-1.5-flash models to process user data into professional content.

🛠️ Tech Stack

• Framework: Next.js 15.5.2 (App Router)
• Language: JavaScript / React 19
• Styling: Tailwind CSS 4, PostCSS
• Animation: Framer Motion, OGL
• AI Engine: Google Gemini API

📂 Project Structure

• src/app/api/generate-resume/: Backend logic for processing resume data via Gemini.
• src/app/api/optimize-linkedin/: Backend logic for generating LinkedIn profile JSON.
• src/app/components/: Reusable UI components like Hero, Features, and ContactForm.
• src/Backgrounds/: Contains custom visual effects like the Plasma background.

🚦 Getting Started

Prerequisites

• Node.js installed.
• A Gemini API Key (configured as GEMINI_API_KEY in your environment variables).

Installation

1. Clone the repository.
2. Install dependencies:

   npm install

3. Run the development server:

   npm run dev

4. Open http://localhost:3000 in your browser.

📝 Usage

Resume Generation

The application collects user details (Education, Experience, Skills, etc.) via a form and sends a POST request to /api/generate-resume. The AI follows strict rules to keep the output concise, chronological, and free of "fluff".

LinkedIn Optimization

By submitting profile details to /api/optimize-linkedin, users receive a structured JSON object containing an optimized headline, an "About" narrative, and formatted experience blocks.