GenVis

Inspiration We were inspired by the challenge product managers face in organizing ideas, defining requirements, and reporting progress efficiently. At hackathons, teams often struggle to turn raw ideas into structured product plans. Our goal was to create an AI-powered assistant that could help PMs ideate, generate requirements, prioritize tasks, and report on sprints

Learn We have learned Full-stack development through the use of FastAPI and React. In addition, we learned more thoroughly about API integration through the implementation of Nemotron AI within our project to generate ideas.

Building We built the project using React.js for the frontend, creating interactive forms for ideation, requirements, prioritization, and reporting, along with tab-based navigation for workflow steps, and displaying results through cards, grids, and metrics panels. The backend was developed with FastAPI in Python, providing endpoints such as /api/ideate for generating product ideas and customer personas, /api/requirements for producing user stories and acceptance criteria, and /api/report for executive summaries and sprint metrics, all powered by AI to automatically generate content. For styling, we applied a bank-inspired theme with primary orange and dark navy, complemented by clean white panels and custom components, while maintaining a responsive, mobile-first design.

Challenges We faced several challenges during development, including managing state in React across multiple tabs and forms, designing a clean and readable dashboard to display complex AI outputs, integrating AI responses dynamically without breaking the layout, learning FastAPI and efficiently handling asynchronous calls, and ensuring mobile responsiveness while maintaining a professional, polished look.