Skip to content

Conversation

@ap1807
Copy link

@ap1807 ap1807 commented Sep 19, 2025

Reasoning

  • Design Principles: Focused on readability, hierarchy, and clean layouts. Used card-based UI for clarity.
  • Responsiveness: Verified across desktop and smaller screens. Used Bootstrap grid system for flexible layouts.
  • Trade-offs: Balanced design improvements with minimal performance overhead by keeping external dependencies light.
  • Challenges: Making the interface visually modern while keeping structure intact. Approached by iteratively testing changes.

Improvements

  • Improved workshop_type_list.html with responsive card design.
  • Added clear CTA buttons with aria-labels for accessibility.
  • Implemented pagination for smoother navigation.
  • Added conditional rendering (e.g., instructor-only buttons).
  • Enhanced empty state messaging when no workshop types exist.

Visual Showcase

  • Before: (Attach screenshot of “No workshop types found”)
  • After: (Attach screenshot of improved UI with workshop cards)

Submission Checklist

  • Code is readable and well-structured
  • Progressive commits (no single dump)
  • README includes reasoning and instructions
  • Before-and-after screenshots included
  • Documentation added where needed

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant