AI Resume Builder – Development Roadmap

Project Overview

This is a Flutter web project for building AI-powered resumes, inspired by FANG company templates.

• Home Screen: Users see a list of FANG-style templates, can preview them, and enter content.
• Details/Edit Screen: After selecting a template, users can edit content on the left and see a live preview on the right.

Live UI reference: https://resume-builder-tushar-nikams-projects.vercel.app/

---

Phase 1: Core UI & Navigation

✅ Already Implemented

• Home Screen (HomeScreen):
  • Top app bar, header, branding, helper body, template showcase, and footer.
  • ShowTemplates displays a grid of templates; clicking navigates to the edit screen.
• Edit/Details Screen (EditResumeScreen):
  • Split layout: left for actions/content input (ActionWindos), right for template preview (TemplateView).
  • Basic placeholder widgets for both sides.

Next Steps

• Refine the template list to use real data/models.
• Make template selection dynamic (pass selected template to edit screen).

---

Phase 2: Template System & Data Flow

Goals

• Support multiple FANG-style templates.
• Pass selected template data from home to edit screen.
• Enable dynamic preview updates as user edits content.

Implementation

• Template Model:
  • Create a model class for templates (name, preview image, fields, etc.).
  • Store template data in a local file or fetch from an API.
• Template Selection:
  • Update ShowTemplates to use real template data.
  • On tap, navigate to EditResumeScreen with the selected template as an argument.
• State Management:
  • Use Provider, Riverpod, or flutter_bloc for managing selected template and resume content.
• Dynamic Preview:
  • Update TemplateView to render the selected template and reflect user input in real time.

---

Phase 3: Content Editing & AI Integration

Goals

• Allow users to input/edit resume content (left panel).
• Integrate AI to suggest or auto-fill content.

Implementation

• Content Form:
  • Build a form UI for user input (name, experience, education, etc.).
  • Use dynamic fields based on the selected template.
• AI Integration:
  • Add a button to “Generate with AI” or “Suggest Content”.
  • Integrate with an AI API (e.g., OpenAI, Gemini, or a custom backend) to generate content.
  • Display AI suggestions in the form, allow user to accept/edit.
• Live Preview:
  • As user edits or accepts AI suggestions, update the right-side preview.

---

Phase 4: Export, Download, and User Experience

Goals

• Allow users to export/download their resume as PDF.
• Polish the user experience and add helpful features.

Implementation

• PDF Export:
  • Use packages like printing or pdf to generate and download a PDF of the resume.
• User Experience:
  • Add loading indicators, error handling, and helpful tooltips.
  • Add onboarding or help modals for new users.
• Authentication (Optional):
  • Allow users to save resumes by logging in (Firebase Auth or similar).

---

Phase 5: Advanced Features & Deployment

Goals

• Add advanced features and deploy the app.

Implementation

• Advanced Features:
  • Multi-page resumes, custom sections, drag-and-drop reordering.
  • Analytics, feedback, and sharing options.
• Deployment:
  • Deploy to Vercel, Firebase Hosting, or your preferred platform.
  • Set up CI/CD for automated builds and deployments.

---

Technologies & Packages

• Flutter Web for UI
• State Management: Provider, Riverpod, or flutter_bloc
• AI Integration: REST API to OpenAI, Gemini, or custom backend
• PDF Export: pdf, printing
• Routing: Flutter’s Navigator 2.0 or named routes
• UI/UX: Material Design, custom themes

---

How to Contribute

1. Clone the repo and run flutter pub get.
2. Use flutter run -d chrome to start the web app.
3. Follow the roadmap above for feature development.
4. Submit PRs for new features, bug fixes, or improvements.

---

Next Steps

• Refactor template selection to be dynamic.
• Implement state management for resume content.
• Build content editing form and connect to AI.
• Implement PDF export.
• Polish UI and deploy.

---

This roadmap will help you and contributors understand the current state and the next steps for your AI resume builder project.