https://robinchen.org/tag/Education-Technology/Education TechnologyHugo Blox Builder (https://hugoblox.com)en-usThu, 01 Feb 2024 00:00:00 +0000https://robinchen.org/media/logo_hu9727855325976137109.pnghttps://robinchen.org/tag/Education-Technology/https://robinchen.org/project/econclasshub/Thu, 01 Feb 2024 00:00:00 +0000https://robinchen.org/project/econclasshub/<p><strong>For:</strong> Team-based courses with presentations and group projects</p> <p><a href="https://econclasshub.netlify.app/" target="_blank" class="btn btn-primary btn-lg">Access ClassHub →</a></p> <h2 id="overview">Overview</h2> <p>ClassHub is a web app that helps instructors manage attendance and peer evaluations in team-based courses.</p> <h2 id="key-features">Key Features</h2> <table> <thead> <tr> <th style="text-align: left">Feature</th> <th style="text-align: left">How It Works</th> </tr> </thead> <tbody> <tr> <td style="text-align: left"><strong>Attendance</strong></td> <td style="text-align: left">Generate time-limited codes; students submit via phone/laptop</td> </tr> <tr> <td style="text-align: left"><strong>Teams</strong></td> <td style="text-align: left">Students create or join teams; instructors view rosters</td> </tr> <tr> <td style="text-align: left"><strong>Peer Evaluation</strong></td> <td style="text-align: left">Anonymous teammate ratings on contribution (rank + score)</td> </tr> <tr> <td style="text-align: left"><strong>Team Rankings</strong></td> <td style="text-align: left">Students rate other teams&rsquo; presentations (content, delivery, creativity)</td> </tr> <tr> <td style="text-align: left"><strong>Dashboard</strong></td> <td style="text-align: left">Instructors see all data, manage records, export results</td> </tr> </tbody> </table> <h2 id="problems-solved">Problems Solved</h2> <table> <thead> <tr> <th style="text-align: left">Traditional Method</th> <th style="text-align: left">With ClassHub</th> </tr> </thead> <tbody> <tr> <td style="text-align: left">Paper sign-ins (slow, fakeable)</td> <td style="text-align: left">Digital codes with timestamps</td> </tr> <tr> <td style="text-align: left">Free-riders in teams</td> <td style="text-align: left">Peer evaluations document contributions</td> </tr> <tr> <td style="text-align: left">Manual data entry</td> <td style="text-align: left">Automatic record-keeping</td> </tr> <tr> <td style="text-align: left">Scattered tools</td> <td style="text-align: left">One integrated platform</td> </tr> </tbody> </table> <h2 id="benefits">Benefits</h2> <p><strong>For Instructors:</strong></p> <ul> <li>Save time on attendance and grading</li> <li>Identify struggling students early</li> <li>Data-backed grade adjustments for team members</li> </ul> <p><strong>For Students:</strong></p> <ul> <li>Fair recognition for contributions</li> <li>Develop professional feedback skills</li> <li>Mobile-friendly, instant sync</li> </ul> <h2 id="technical-overview">Technical Overview</h2> <table> <thead> <tr> <th style="text-align: left">Spec</th> <th style="text-align: left">Detail</th> </tr> </thead> <tbody> <tr> <td style="text-align: left">Type</td> <td style="text-align: left">Web app (works on any device)</td> </tr> <tr> <td style="text-align: left">Auth</td> <td style="text-align: left">Firebase Authentication</td> </tr> <tr> <td style="text-align: left">Database</td> <td style="text-align: left">Firebase Firestore (real-time)</td> </tr> <tr> <td style="text-align: left">Hosting</td> <td style="text-align: left">Netlify</td> </tr> <tr> <td style="text-align: left">Cost</td> <td style="text-align: left">Free for typical class sizes</td> </tr> <tr> <td style="text-align: left">Capacity</td> <td style="text-align: left">200+ concurrent users</td> </tr> </tbody> </table> <h2 id="quick-start">Quick Start</h2> <p><strong>Instructor (one-time setup ~15 min):</strong></p> <ol> <li>Create Firebase project</li> <li>Deploy to Netlify</li> <li>Create class → share join code</li> </ol> <p><strong>Students:</strong></p> <ol> <li>Register with instructor&rsquo;s code</li> <li>Join class</li> <li>Submit attendance / complete evaluations</li> </ol>