InterConnecter — Frontend

InterConnecter is a premium student networking platform designed exclusively for the community at Prestige Institute of Engineering and Management Research (PIEMR), Indore.

Developed as a College Major Project by Abhishek Gour.

Features

• Smart Student Directory: Browse, search, and filter class list of students by year, branch, and section.
• Skill Search Engine: Look up peers by their coding/technical skills to build academic project teams.
• Real-Time Communication: Instantly chat, check user typing indicators, and track read receipts powered by STOMP over WebSockets.
• Smart Profiles: Personalized cards showing college IDs, branches, and profile pictures uploaded via Cloudinary.
• Secure Authentication: JWT session validations to restrict access exclusively to authenticated accounts.

Tech Stack

• Library: React 19
• Style Engine: Vanilla CSS + Tailwind Utility Classes
• Routing: React Router DOM v6
• Real-Time Delivery: SockJS + StompJS Client

Getting Started

Prerequisites

• Node.js (v20 or higher recommended)
• npm package manager

Configuration

1. Clone this repository.
2. Copy the .env.example file to create a local .env configuration:

   cp .env.example .env

3. Update .env variables to match your backend port mappings:
   • REACT_APP_API_BASE_URL: Path to the Spring Boot endpoint (default: http://localhost:8080).
   • REACT_APP_WS_URL: Path to the WebSocket interface (default: http://localhost:8080/ws).

Installation & Run

1. Install project dependencies:

   npm install

2. Start the local development server:

   npm start

3. Open http://localhost:3000 to view the page.

GitHub Actions CI

The project uses GitHub Actions for continuous build verification on any pushes or pull requests to main and alpha branches (vercel-build-verify.yml).

License

Licensed under the MIT License - © 2025 Abhishek Gour.