The app is not publicly acceesible yet. Access is restricted to University campus only due to data privacy and some security conerns that are being addressed before making it public.

The AI Python Programming Exercise Generator is designed for Computer Science undergraduate students to practice Python programming through a variety of exercise types. The tool features an intuitive design, allowing students to log in, continue their progress, and track their history in a MySQL database. Each type of exercise is hosted on a different webpage with a unique layout:

1. Coding Exercises: A VS Code-like coding interpreter with a robust keystroke data collection backend for behavior analysis and learning trajectory tracking.
2. Troubleshooting Exercises: A coding interpreter where students can debug dysfunctional code, also featuring keystroke data collection.
3. Parsons Problems: A drag-and-drop interface to arrange code blocks in the correct order.
4. Multiple Choice Questions (MCQs): Radio buttons for selecting the correct answer for each question.
5. Fill in the Blanks: Text boxes for students to write their answers.

The tool connects to a MySQL database containing 11,700 exercises across 78 unique topics from the "Introduction to Python Programming" course catalog. These exercises span 5 different types and 3 difficulty levels, with 10 unique exercises per difficulty level. The database tracks student activity, including exercises retrieved, attempted, coding history, and keystrokes.

• Nuxt.js: Framework for creating Vue.js applications
• Vue 3: JavaScript framework for building user interfaces
• Vue Router 4: Official router for Vue.js

• Flask: Micro web framework for Python
• Flask-SocketIO: Socket.IO integration for Flask applications
• Flask-CORS: Handling Cross-Origin Resource Sharing (CORS)
• MySQL: Database management system
• Knex.js: SQL query builder for JavaScript
• Monaco Editor: Code editor for the web

• bcryptjs: Library for hashing passwords
• ifvisible.js: Library to detect page visibility
• marked: Markdown parser and compiler
• next-auth: Authentication for Next.js
• safe-await: Handling promises safely
• socket.io-client: Real-time bidirectional event-based communication
• sqlite3: SQLite database library
• ts-node: TypeScript execution environment
• vuetify-nuxt-module: Vuetify module for Nuxt.js

Box Video: https://usu.box.com/s/bpwfmknfnypi79o09s29bif2pbvct374