snowy-resume

byShiva Kumar

Build a FULL-STACK Resume Builder Web Application similar to Canva with modern UI and real-time resume generation. MAIN GOAL: - User enters details → instantly generates a professional resume preview - Provide multiple resume templates (modern, minimal, creative) - Allow customization (colors, fonts, layout, spacing) - Allow download as PDF - Provide login system with Phone Number + OTP authentication ------------------------------------- TECH STACK: Frontend: - React.js (with Vite or Next.js) - Tailwind CSS (for modern UI) - Framer Motion (animations) - Axios (API calls) Backend: - Node.js + Express OR Python Flask (choose one) - MongoDB (database) - JWT authentication ------------------------------------- AUTHENTICATION SYSTEM: - Phone number login (OTP based) - Use Firebase OTP or Twilio API - No password system - After login, redirect to dashboard ------------------------------------- DASHBOARD FEATURES: 1. Resume Builder Form: - Personal Info (Name, Email, Phone, Photo) - Education - Experience - Skills - Projects - Certifications - Languages - Achievements 2. Live Preview: - Real-time resume preview on right side - Updates instantly when user types 3. Templates: - At least 5 templates: - Minimal - Professional - Creative - Modern - ATS-friendly - User can switch templates instantly 4. Customization Panel: - Change colors (primary, secondary) - Change fonts (Google Fonts) - Adjust spacing and layout - Toggle sections ON/OFF ------------------------------------- PDF DOWNLOAD: - Use html2pdf / jsPDF - Download clean, properly formatted resume - No watermark ------------------------------------- DATABASE STRUCTURE: User: - id - phone - created_at Resume: - user_id - personal_info - education[] - experience[] - skills[] - projects[] - template_selected - customization_settings ------------------------------------- UI DESIGN REQUIREMENTS: - Premium Canva-like design - Glassmorphism cards - Smooth animations - Dark + Light mode toggle - Drag-and-drop section reorder - Sidebar navigation - Mobile responsive ------------------------------------- EXTRA FEATURES (IMPORTANT): - Save multiple resumes - Auto-save functionality - Duplicate resume option - AI suggestion for: - Summary - Skills - Experience bullet points - Export to PDF and share link ------------------------------------- ADMIN PANEL (Optional): - View users - View resumes created - Analytics dashboard ------------------------------------- DELIVERABLES: - Fully working frontend + backend - Clean folder structure - API routes documented - Ready-to-run setup instructions ------------------------------------- BONUS: - Add loading animations - Add skeleton UI - Add toast notifications - Add error handling ------------------------------------- END GOAL: The app should feel like Canva: - Smooth - Beautiful - Professional - Easy to use