Add Your Own Club Feature Not Working

[Trust-Worthy]

Description

The feature that allows users to manually add their own clubs to the club list does not appear to be working. When users fill out the Add a Club form and submit it, the new club is not added to the list of available clubs on the page.

Removed dysfunctional code, but broken code can be found at commit 486d3aa.

✅ Expected Behavior

When a user:

1. Opens the Add a Club form

2. Fills in:

   • Club Name
   • Meeting Day
   • Start Time
   • End Time

3. Clicks Submit

➡ The new club should appear in the rendered list of clubs, respecting the structure of the existing cards, and be filterable by availability.

---

❌ Actual Behavior

• Form input works as expected (no UI issues).

• On submission:

  • No new club card is shown.
  • No error messages are displayed.
  • No data seems to be saved or rendered to the DOM.

• Console logs may show nothing, or clubs.push() and rendering logic may not be triggered.

---

🧪 Steps to Reproduce

1. Go to the Clubs section.

2. Open the Add a Club form.

3. Fill out all fields:

   • Club Name: "Debate Society"
   • Day: "Wednesday"
   • Start Time: "18:00"
   • End Time: "19:30"

4. Click the Add Club button.

5. Observe that no new club is added to the list.

---

📁 Relevant Files

• main.js — handles the form logic and DOM updates
• clubs.js — contains the default/fake clubs list
• index.html — includes the Add Club form markup
• calendar.js — may be relevant if clubs are shown on the calendar

---

✅ Acceptance Criteria

• Submitting the Add Club form dynamically adds a new club card
• The new club appears immediately without needing a refresh
• Club respects existing formatting/layout
• User input is validated (all fields required)
• Data persists during the session (via localStorage or memory)

---