Feat:Add Contextual AI Question Suggestions on Program Pages

[ShravaniT26]

Describe the feature

Description

Currently, users can interact with the AI chatbot by manually typing questions. However, many beginners may not know what questions to ask when exploring open-source programs such as GSoC, Outreachy, Summer of Bitcoin, or Linux Foundation Mentorship.

This feature proposes displaying contextual AI-generated question suggestions on each program page to help users quickly discover relevant information and engage with the chatbot more effectively.

Proposed Solution

Add a "Suggested Questions" section on every program detail page.

Example on the Google Summer of Code page:

• How do I get selected for GSoC?
• What should my proposal include?
• How do I find participating organizations?
• What skills are required for beginners?
• How can I improve my chances of acceptance?

When a user taps a suggestion:

1. The question is automatically sent to the chatbot.
2. Gemini generates the response.
3. The conversation continues normally.

Benefits

• Improves chatbot discoverability and usability.
• Helps beginners ask relevant questions.
• Encourages user engagement.
• Reduces the effort required to interact with the AI assistant.
• Leverages the existing Gemini integration without requiring additional backend infrastructure.

Possible Implementation

• Store predefined question sets for each program.
• Display questions as clickable chips/buttons.
• Auto-populate the chatbot input field or directly trigger the query when selected.
• Allow future expansion with dynamically generated suggestions.

Example UI

Suggested Questions

[How do I get selected?]

[What should my proposal include?]

[How do I find mentors?]

[What skills are required?]

Acceptance Criteria

• Suggested questions are displayed on program pages.
• Questions are relevant to the selected program.
• Tapping a suggestion opens or interacts with the chatbot.
• Gemini returns responses as part of the normal chat flow.
• UI remains responsive across mobile and web platforms.

Add ScreenShots

Record

• I agree to follow this project's Code of Conduct
• I'm a GSSOC'24 contributor
• I want to work on this issue

[github-actions]

Thank you for creating this issue! We'll look into it as soon as possible. Your contributions are highly appreciated! 😊

[ShravaniT26]

Hi @maintainers,

I am a GSSoC contributor and would like to work on this issue.

My proposed implementation includes:

• Context-aware question suggestions for each program.
• One-click interaction with the existing Gemini chatbot.
• Responsive UI for mobile and web.

Could you please assign this issue to me?

Thank you!

[gshariish-cloud]

/assign
I would like to work on this issue

[dikshaikify]

Hi, I would like to work on this issue.

I plan to add contextual AI-powered question suggestions on program pages in a way that keeps the experience lightweight and relevant to the currently viewed program details.

I’ll keep the implementation modular and aligned with the existing UI and project structure.

Please assign this issue to me if available.

Thank you!

[dikshaikify]

dart 👍 1. Create a suggestion generator

lib/utils/question_suggestions.dart

class QuestionSuggestions {
static List getSuggestions(String title, String description) {
final text = "$title ${description.toLowerCase()}";

List<String> suggestions = [];

if (text.contains("gsoc")) {
  suggestions.addAll([
    "How do I prepare for GSoC?",
    "What skills are required?",
    "How do I write a strong proposal?"
  ]);
}

if (text.contains("flutter")) {
  suggestions.addAll([
    "How should I start contributing?",
    "What Flutter concepts are important?",
    "Which beginner issues should I pick?"
  ]);
}

if (text.contains("open source")) {
  suggestions.addAll([
    "How do I make my first PR?",
    "How do maintainers review PRs?",
    "How do I find beginner-friendly issues?"
  ]);
}

if (suggestions.isEmpty) {
  suggestions = [
    "How can I participate?",
    "What should I learn first?",
    "Where do I start?"
  ];
}

return suggestions;

}
}
2. Add UI on Program Page

Inside program_detail_screen.dart

import 'package:flutter/material.dart';
import '../utils/question_suggestions.dart';

class QuestionSection extends StatelessWidget {
final String title;
final String description;

const QuestionSection({
super.key,
required this.title,
required this.description,
});

@OverRide
Widget build(BuildContext context) {
final questions =
QuestionSuggestions.getSuggestions(title, description);

return Column(
  crossAxisAlignment: CrossAxisAlignment.start,
  children: [
    const SizedBox(height: 20),

    const Text(
      "Suggested Questions",
      style: TextStyle(
        fontSize: 18,
        fontWeight: FontWeight.bold,
      ),
    ),

    const SizedBox(height: 10),

    Wrap(
      spacing: 8,
      children: questions.map((q) {
        return ActionChip(
          label: Text(q),
          onPressed: () {
            ScaffoldMessenger.of(context).showSnackBar(
              SnackBar(content: Text(q)),
            );
          },
        );
      }).toList(),
    ),
  ],
);

}

3. Use it inside program page

QuestionSection(
title: program.title,
description: program.description,
),
}

[Stewartsson]

hi @andoriyaprashant I am GSSOC contributor can you assign this issue to me