Skip to the content.

Trimester 2 Final Showcase

Trimester 2 Final Showcase

A 12-week journey of software development and learning

College Board Scoring

4.5 5 Things Over 12 Weeks
  • Backend Leaderboard Implementation (1.0)
  • Frontend Development (Competition Interface, Leaderboard, Posts) (1.0)
  • Admin Panel Development (1.0)
  • Burndown List Creation (0.5)
  • UI/UX Improvements (1.0)
2.0 Full Stack Demo
  • Backend: User data storage, Score calculation
  • Frontend: Interactive UI, Real-time updates
  • N@TM: Feedback (Video evidence included)
1.0 Project Feature Blog
  • Used CPT terminology in documentation
  • Detailed technical implementation
  • Algorithm showcase (Score calculation)
Total Score: 9.5 points

1. Backend Leaderboard Implementation

I designed the backend functionality for the leaderboard system, which includes:

  • User data storage through a separate API
  • Score calculation using mathematical functions
  • Data persistence and retrieval
Leaderboard Backend

2. Frontend Development

Competition Interface

  • Designed interactive buttons
  • Implemented word display system
  • Created dynamic timer functionality
Competition Interface

Leaderboard Display

  • Developed dual input system:
    • Manual score entry
    • Automatic score calculation
  • Real-time data visualization
Leaderboard Frontend

Posts Layout

  • Optimized image display system
  • Implemented responsive box sizing
Posts Frontend

3. Admin Panel Development

Implemented CRUD functionality for administrative controls

Admin Panel 1
Admin Panel 2

4. Burndown List

Created detailed burndown lists for:

  • Personal tasks
  • Backend team tasks
  • Team grading resolution
Burndown Lists

5. UI/UX Improvements

Enhanced the backend index page for improved team usability

Index Page Styling

Bonus: N@TM Participation

Conducted peer reviews and interviews with other project groups

N@TM Showcase 1
N@TM Showcase 2