• 

  Comment system on Each class

• 

  Related Video

• 

  Member Details

• 

  This is Hero Section

• 

  This About section

🖥️ BSPI Computer Club Website – Project Story

About the Project

BSPI Computer Club Website is the official digital platform of Bangladesh Sweden Polytechnic Institute (BSPI) Computer Club.
The goal of this project was to create a unified, secure, and interactive platform for all club activities including announcements, events, learning resources, help sections, quizzes, and dashboards for leaders & members.

Inspiration

The idea came from observing the lack of a centralized digital system for our college computer club.
Members were using different platforms for events, learning materials, and communication, which was inefficient and fragmented.
I wanted to build a single platform where everything related to the club could be accessed easily.

Learning Experience

During this project, I learned and implemented:

• Backend: Django 5.1 with a role-based CustomUser model
  
• Frontend: HTML, CSS, JavaScript, GSAP animations, Locomotive scroll
  
• AJAX: For interactive help posts & threaded comments
  
• Security best practices:
  
  • Email verification & leader approval
    
  • CSRF protection
    
  • Input sanitization using Bleach
    
  • Account lockout using Django-axes
    
• Dashboard design: Responsive dashboards for leaders, members, and admin
  

How I Built the Project

The project structure included:

• Backend: Django models for users, events, announcements, quizzes, lessons, and comments
  
• Quiz System: Users can attempt quizzes, view scores, and export results as PDF
  
• Learning Resources: Organized by wings with videos, documents, and comment sections
  
• Leader Dashboard: Approve/reject members, manage events, and send email notifications
  
• Security Measures: Email verification, CSRF protection, input sanitization, brute-force prevention
  

Challenges Faced

1. Role-based access control: Ensuring only approved leaders/members can access certain sections
   
2. Quiz system integration: Tracking attempts, calculating scores, exporting results
   
3. AJAX-based comment system: Implementing a threaded comment section that updates in real time
   
4. Frontend responsiveness: Making pages look good on mobile & desktop while handling animations
   

Achievements

Developed interactive dashboards for leaders and members
Implemented enhanced security measures and modern UI effects
Learned to integrate backend, frontend, and database effectively in a real-world project

Built With

• css
• django
• html
• javascript
• python