Developed dynamic HTML template for educational platform

2 min read

📅 2024-02-17 — Session: Developed dynamic HTML template for educational platform

🕒 14:35–16:00
🏷️ Labels: HTML, Javascript, Flask, Dynamic Content, Web Development
📂 Project: Dev
⭐ Priority: MEDIUM

Session Goal

The session aimed to develop and troubleshoot a dynamic HTML template for an educational platform that organizes exercises into sections based on different programming paradigms.

Key Activities

  • HTML Template Creation: Developed an HTML template to organize exercises dynamically from a CSV file using JavaScript.
  • Dynamic Content Loading: Implemented JavaScript code to dynamically populate the ‘Extras’ section with exercises from a CSV data source.
  • Flask Integration: Used AJAX to incorporate CSV data into HTML through a Flask backend, setting up routes to serve CSV data as JSON.
  • Troubleshooting: Addressed a 500 INTERNAL SERVER ERROR in the Flask endpoint, JSON parsing errors, Google Sign-In issues, and JavaScript errors related to DOM manipulation.

Achievements

  • Successfully created a dynamic HTML template capable of loading exercises from a CSV file.
  • Integrated Flask to serve data and AJAX to fetch and display it dynamically.
  • Resolved multiple errors, including server-side JSON parsing and JavaScript DOM manipulation issues.

Pending Tasks

  • Further testing is required to ensure robustness in different browsers and environments.
  • Optimization of AJAX calls and error handling strategies for better performance.

Graph View

Backlinks