Skip to content

README.md

Latest commit

 

History

History
58 lines (40 loc) · 2.52 KB

README.md

File metadata and controls

58 lines (40 loc) · 2.52 KB

C# Architect's Roadmap & Mastery Dashboard 🚀

An interactive, single-page application (SPA) designed to guide developers from C# basics to Software Architect level mastery.

🌟 Features

  • 🗺️ Interactive Roadmap: 32 Modules covering 135+ topics, categorized by Phase (Foundations, Core Framework, System Design, Architecture).
  • 🎯 Role-Based Filtering: Dynamically filters content for Students, Backend Developers, or Architects to focus on what matters most for your career stage.
  • ✨ AI-Powered Tutor: Integrated Gemini API support to:
    • Explain Concepts: Get instant, role-specific definitions and code examples for any topic.
    • Generate Quizzes: Create dynamic 3-question quizzes for any module to test your knowledge.
  • 📊 Visual Progress Tracking:
    • Real-time Doughnut Chart for overall completion.
    • Radar Chart visualizing your focus areas compared to an Architect's profile.
  • 💾 Local Storage: Your progress is saved automatically to your browser.
  • 🏷️ Smart Tagging: Clearly distinguishes between [C#] language features, [.NET] framework tools, and [Architecture] principles.

🚀 Usage

Option 1: Run Locally

  1. Clone this repository or download the index.html file.
  2. Open index.html in any modern web browser.
  3. (Optional) Enter your Google Gemini API Key in the sidebar settings to enable the AI Tutor and Quiz features.

Option 2: Live Demo

https://devcodenext.github.io/csharp-mastery-dashboard/

🛠️ Built With

  • HTML5 & Vanilla JavaScript: No build steps required.
  • Tailwind CSS: For responsive, modern styling.
  • Chart.js: For data visualization.
  • Marked.js: For rendering AI-generated Markdown responses.
  • Google Gemini API: For the AI Tutor and Quiz generation.

🤖 AI Configuration

To use the AI features:

  1. Get a free API Key from Google AI Studio.
  2. Paste it into the "Gemini API Key" field in the dashboard sidebar.
  3. The key is stored locally in your browser (localStorage) and is never sent to any server other than Google's API.

🤝 Contributing

Contributions are welcome! If you have suggestions for new topics or resources:

  1. Fork the repository.
  2. Create your feature branch (git checkout -b feature/AmazingFeature).
  3. Commit your changes (git commit -m 'Add some AmazingFeature').
  4. Push to the branch (git push origin feature/AmazingFeature).
  5. Open a Pull Request.

📄 License

Distributed under the MIT License. See LICENSE for more information.