I want to build a simple app called RoleReady. The idea is that a student can type in a role or topic they’re preparing for, like "AI Application Maker in the Health Software Industry" and the app will generate a personalized learning roadmap for them. The roadmap should have a few sections, each with a short description and a handful of resources to learn from. Each resource should have a title, a link, and a short summary so the student knows what it’s about.
The app should let the student track their progress by checking off items as they complete them, and it should show some kind of progress indicator. Everything should be stored locally so it works offline and doesn’t need a backend database.
I want to use an LLM from Azure OpenAI Service to generate the roadmap and the summaries for each resource. The student experience should feel simple and clean: enter a topic, get a structured plan, and work through it at their own pace. It should also allow them to add their own notes or maybe even add extra resources if they want.
Keep it lightweight, modern, and easy to demo. I’d like to use a popular frontend framework like React, but the main thing is the functionality: generate a roadmap with AI, display it in a checklist format, track progress locally, and make it easy for students to use.
I want the app to search for relevant stuff to learn from Microsoft Learn about using the Microsoft Learn MCP server.