Skip to content

Full-stack college community platform with real-time chat, smart notifications, and role-based access. Built using Django and deployed on Render with a modern dark-themed UI.

License

Notifications You must be signed in to change notification settings

SouravUpadhyay7/Collab_Sphere

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

14 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸŽ“ CollabSphere - XYZ College Community Platform

A modern, feature-rich community platform designed specifically for college students, alumni, and professors. Built with Django and featuring a beautiful dark-themed UI with real-time messaging and notification systems.

CollabSphere Python Bootstrap

Working Video

CollabSphere.-.compressed.mp4

πŸ–ΌοΈ Screenshots

πŸ” Screenshots

Homepage

Dashboard

Community Posts

Post Detail

πŸ› οΈ Tech Stack

Django Python Bootstrap PostgreSQL HTML5 CSS3 JavaScript Font Awesome

🌟 Features

πŸ” Authentication & User Management

  • Custom User Model with email-based login
  • Role-based System: Students, Alumni, Professors
  • Profile Management with profile pictures and batch information
  • Password Reset functionality with email integration

πŸ“ Community Posts

  • Multiple Post Types: Jobs, Projects, Internships, General
  • Rich Text Content with modern formatting
  • Comment System with real-time updates
  • User Role Badges and profile information display

πŸ’¬ Direct Messaging

  • Private Conversations between users
  • Real-time Message Updates with auto-refresh
  • Read Receipts and delivery status
  • Message Inbox with unread message counts
  • Easy Access via "Send Message" buttons on posts

πŸ”” Smart Notifications

  • Real-time Notification Bell in navigation
  • Automatic Notifications for:
    • New comments on your posts
    • Direct messages received
    • Replies to your comments
  • Mark as Read functionality (individual or bulk)
  • Notification Center with full history

🎨 Modern UI/UX

  • Dark Theme with glassmorphism effects
  • Responsive Design for all devices
  • Animated Elements with smooth transitions
  • Gradient Backgrounds and modern typography
  • Bootstrap 5 with custom styling

πŸš€ Installation

Prerequisites

  • Python 3.8 or higher
  • PostgreSQL (recommended) or SQLite
  • pip (Python package installer)

Setup Instructions

  1. Clone the repository

    git clone https://github.com/SouravUpadhyay7/Collab_Sphere
    cd collabsphere
  2. Create and activate virtual environment

    python -m venv venv
    
    # On Windows
    venv\Scripts\activate
    
    # On macOS/Linux
    source venv/bin/activate
  3. Install dependencies

    pip install -r requirements.txt
  4. Configure database

    # For PostgreSQL (recommended)
    # Update settings.py with your database credentials
    
    # For SQLite (default)
    # No additional configuration needed
  5. Run migrations

    python manage.py makemigrations
    python manage.py migrate
  6. Create superuser

    python manage.py createsuperuser
  7. Run the development server

    python manage.py runserver
  8. Access the application

    • Open your browser and go to http://127.0.0.1:8000/
    • Admin panel: http://127.0.0.1:8000/admin/

πŸ“ Project Structure

CollabSphere/
β”œβ”€β”€ accounts/                 # User authentication & profiles
β”‚   β”œβ”€β”€ models.py            # Custom user model
β”‚   β”œβ”€β”€ views.py             # Authentication views
β”‚   β”œβ”€β”€ forms.py             # User forms
β”‚   └── templates/           # User templates
β”œβ”€β”€ community/               # Posts & messaging
β”‚   β”œβ”€β”€ models.py            # Post, Comment, DirectMessage models
β”‚   β”œβ”€β”€ views.py             # Community views
β”‚   β”œβ”€β”€ forms.py             # Post & message forms
β”‚   └── templates/           # Community templates
β”œβ”€β”€ collabsphere/            # Main project settings
β”‚   β”œβ”€β”€ settings.py          # Django settings
β”‚   β”œβ”€β”€ urls.py              # Main URL configuration
β”‚   └── wsgi.py              # WSGI configuration
β”œβ”€β”€ templates/               # Base templates
β”œβ”€β”€ static/                  # Static files (CSS, JS, images)
β”œβ”€β”€ media/                   # User uploaded files
└── manage.py               # Django management script

🎯 Usage Guide

For Students

  1. Sign up with your college email
  2. Complete your profile with batch information
  3. Browse posts for jobs, internships, and projects
  4. Comment on posts to engage with the community
  5. Send direct messages to connect with other users
  6. Stay updated with notifications for new activity

For Alumni

  1. Create posts to share job opportunities
  2. Mentor students through comments and messages
  3. Network with other alumni and current students
  4. Share experiences and career advice

For Professors

  1. Post project opportunities for students
  2. Share academic resources and announcements
  3. Connect with students and alumni
  4. Build research collaborations

πŸ”§ Configuration

Environment Variables

Create a .env file in the project root:

SECRET_KEY=your-secret-key-here
DEBUG=True
DATABASE_URL=postgresql://user:password@localhost/collabsphere
EMAIL_HOST=smtp.gmail.com
EMAIL_PORT=587
EMAIL_HOST_USER=your-email@gmail.com
EMAIL_HOST_PASSWORD=your-app-password

Email Configuration

For password reset functionality, configure your email settings in settings.py:

EMAIL_BACKEND = 'django.core.mail.backends.smtp.EmailBackend'
EMAIL_HOST = 'smtp.gmail.com'
EMAIL_PORT = 587
EMAIL_USE_TLS = True
EMAIL_HOST_USER = 'your-email@gmail.com'
EMAIL_HOST_PASSWORD = 'your-app-password'

πŸ› οΈ Customization

Adding New Post Types

  1. Update POST_TYPE_CHOICES in community/models.py
  2. Add corresponding templates if needed
  3. Update forms and views as necessary

Customizing the Theme

  1. Modify CSS variables in templates/base.html
  2. Update color schemes and gradients
  3. Customize animations and transitions

Adding New Features

  1. Create new Django apps for major features
  2. Follow the existing code structure
  3. Update URL configurations
  4. Add appropriate templates

πŸ› Troubleshooting

Common Issues

Database Connection Error

  • Ensure PostgreSQL is running
  • Check database credentials in settings.py
  • Verify database exists

Static Files Not Loading

  • Run python manage.py collectstatic
  • Check STATIC_URL and STATIC_ROOT settings

Email Not Working

  • Verify SMTP settings
  • Check firewall settings
  • Use Gmail App Passwords for 2FA accounts

Migration Errors

  • Delete migration files and recreate them
  • Ensure database is in sync with models

🀝 Contributing

  1. Fork the repository
  2. Create a feature branch (git checkout -b feature/AmazingFeature)
  3. Commit your changes (git commit -m 'Add some AmazingFeature')
  4. Push to the branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

πŸ“ License

This project is licensed under the MIT License - see the LICENSE file for details.

πŸ™ Acknowledgments

  • Django - The web framework for perfectionists with deadlines
  • Bootstrap - The most popular CSS framework
  • Font Awesome - The iconic font and CSS toolkit
  • XYZ College - For inspiring this community platform

πŸ“ž Support

For support and questions:

  • Create an issue on GitHub

Made with ❀️ for the XYZ College Community

Building connections, fostering collaboration, and empowering the next generation of innovators.

About

Full-stack college community platform with real-time chat, smart notifications, and role-based access. Built using Django and deployed on Render with a modern dark-themed UI.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages