Student Online Community

Welcome to the Student Online Community! This website is designed to bring students together in a collaborative and engaging online environment.

Live Demo

Tools Used

• React - UI Library
  • Used React Context for state management
  • Used React Router for routing
• Node.js - JavaScript Runtime
• Express - Node.js Framework
• MongoDB - NoSQL Database
• Mongoose - MongoDB Object Modeling for Node.js
• Socket.io - Real-time Communication Engine
  • Used for real-time chat
• Tailwind CSS
  • DaisyUI - A Component Library for Tailwind CSS
• Vercel - Frontend Hosting
• Render - Backend Hosting

Features

• User Authentication

  • User can register and login
  • User can logout
  • Admin Login / Logout Page

• Cookies Authorization

  • User can stay logged in after refreshing the page or closing the browser
  • Each Request is checked for a valid cookie with JWT authorization

• Real-time Chat with Socket.io

  • User can chat with other users in real-time

  • Separate Real-time chat room for each group and each channel

  • Similar to Slack or Discord

• Admin Panel

  • Admin can create groups
  • Admin can create channels

• Channel Moderators

• Profile Update

• Email Verification

• Password Reset with Email

Future Plans

• Migrate to Typescript
• Add more Advanced Features in the Chat Box and Chat Room

Screenshots

Home Page

Login Page

Profile Page

Channel Page

Chat Room

Admin Create Channel

Author

Myself Pranay Raj, CSE Undergrad at Chandigarh University.

You are free to contribute to this project.
If you loved the project. Give me a star.

Let's connect.