Skip to content

manaskng/DevNexus

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

63 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

DevNexus

The Ultimate Collaborative Workspace for Developers.

DevNexus unifies the fragmented workflow of modern software engineers. It combines real-time collaborative coding, AI-powered assistance, Kanban-style task tracking, and documentation management into a single, cohesive ecosystem.

Technical Spotlight: High-Performance Search Architecture

Unlike traditional applications that use slow database Regex queries (O(N) scanning), DevNexus leverages MongoDB Atlas Search.

  • Architecture: Utilizes Apache Lucene Inverted Indexes to map content directly to documents.
  • Performance: Achieves <10ms latency on searches across thousands of documents and code snippets (approx. 100x faster than standard queries).
  • Capabilities: Enables Fuzzy Matching (typo tolerance), relevance scoring, and autocomplete functionality across the entire workspace.

screen-capture (13)

πŸš€ Live Demo & Walkthrough

🌐 Deployment

Component URL Status
Frontend devnexus-app.vercel.app Vercel
Backend API devnexus-api.onrender.com Render

Youtube Video workflow Live:

▢️ Click here to watch the full video on YouTube DevNexus_gif

πŸ›  Tech Stack

Frontend Backend Database Real-Time & AI Deployment & DevOps
React Node.js MongoDB Socket.io Vercel
Tailwind Express.js Gemini Render
Framer JWT Docker

πŸ’Ž Key Features

1. Real-Time DevSpace (Collaboration & AI)

  • Live Coding Rooms: Create instant rooms where multiple users can join via Room ID.
    DevSpace Desktop View

  • Socket.io Synchronization: See active users, typing indicators, and code changes in real-time. For data efficiency, we utilized MongoDB TTL indexes (24-hour expiry) for activity logs.

    Mobile Activity Log Β  Mobile View 1 Β  Mobile View 2

  • Integrated Compiler & Neural AI Engine: Powered by Google Gemini, offering instant "Explain Code" and "Refactor" capabilities with Direct Save to Code Vault. Supports execution in 7+ languages (C++, Java, Python, JS, etc.).

    AI Mobile View Β  AI Desktop View

2. DevDocs Manager

  • Documentation Hub: A dedicated space for project research and documentation with "Pin & Organize" functionality to keep critical notes at the top. DevDocs Hub

  • Advanced Editor: Built on TipTap, supporting bold, italics, code blocks, lists, and links. image DevDocs Editor Dark Mode Β 

3. Secure Authentication & Recovery

  • JWT Authentication: Stateless session management with secure HTTP headers.
  • Reliable Recovery: Production-grade password reset flow using Brevo (SMTP) for high deliverability.
  • Encryption: Sensitive data hashed using bcryptjs.

Screenshot 2025-12-17 204753

Login Form Β  Β  Forgot Password Form

4. Code Vault (Snippet Library)

Snippet Library Light Mode
  • Syntax Highlighting: Store reusable algorithms with automatic language detection using react-syntax-highlighter.
  • Direct Save: Push working code from the DevSpace compiler directly to your Vault.
  • Smart Search: Instantly filter snippets by tags (e.g., #dp, #recursion) or title.
Snippet Library Dark Mode with Search * **Resizable button**: to improve developer Experience image

5. Task Command (Kanban)

  • Kanban Board: A drag-and-drop interface for managing engineering tasks.
  • Visual States: Distinct visual indicators for Todo, In-Progress, and Completed items.
Kanban Board Dark Mode

6. Dynamic Career Profile

  • Live Stats Aggregation: Automatically pulls and visualizes data from GitHub and LeetCode APIs.
  • Smart Portfolio: Generates a public, shareable link (e.g., /u/username) that serves as a live resume.
  • Auto-Asset Generation: Uses OpenGraph to generate project cover images automatically.
Profile Header View Profile Skills and Projects Profile Achievements View

πŸ”Œ APIs, Libraries & Integrations

DevNexus leverages a suite of powerful APIs to deliver a seamless experience:

Core Intelligence & Real-Time

  • Socket.io: Enables bidirectional, real-time communication for the coding environment (DevSpace).
  • Google Gemini API: Powers the Neural Engine for explaining code logic and refactoring suggestions.
  • JDoodle / Compiler API: Provides the backend infrastructure for compiling and executing code in multiple languages securely.

External Data & Services


Local Setup and Installation

Follow these steps to run the complete DevNexus ecosystem locally.

1. Clone the Repository

git clone https://github.com/manasraj/DevNexus.git
cd DevNexus

2. Backend Setup

cd backend
npm install

Create a .env file in the backend folder:

PORT=3000
MONGO_URI=your_mongodb_connection_string
JWT_SECRET=your_super_secret_key
# Email Service (Brevo)
BREVO_API_KEY=your_brevo_api_key
BREVO_SENDER_EMAIL=your_verified_email@gmail.com
# Frontend URL for Redirects
CLIENT_URL=http://localhost:5173

Start the Server:

npm run dev

3. Frontend Setup

cd ../frontend
npm install

Create a .env file in the frontend folder:

VITE_API_URL=http://localhost:3000

Start the Client:

npm run dev

🐳 Docker Support

DevNexus is fully dockerized. You can spin up the entire stack (Frontend + Backend + MongoDB) with a single command.

docker-compose up --build

API Endpoints

The backend exposes a robust REST API. Here are examples of the primary routes:

Authentication

POST /api/users/login

// Response
{
  "id": "65f2...",
  "username": "manas",
  "email": "manas@example.com",
  "token": "eyJhbGciOiJIUzI1Ni..."
}

Code Snippets

GET /api/snippets

[
  {
    "_id": "65f2...",
    "title": "Binary Search Template",
    "language": "C++",
    "code": "int binarySearch(vector<int>& nums, int target) { ... }",
    "tags": ["algorithm", "search"]
  }
]

Tasks

POST /api/tasks

// Request Body
{
  "content": "Refactor Authentication Middleware",
  "isCompleted": false
}
Module Method Endpoint Description
Auth POST /api/users/register Register a new user
POST /api/users/forgot-password Send reset email via Brevo
POST /api/users/reset-password/:token Set new password
Notes GET /api/notes Fetch all user notes
POST /api/notes Create rich-text note
Snippets POST /api/snippets Save new code snippet
Tasks PUT /api/tasks/:id Update task status
Profile GET /api/user-profile Fetch public profile data

πŸ“„ License

This project is distributed under the MIT License. See LICENSE for more information.

πŸ‘¨β€πŸ’» Contact

Manas Raj - Full Stack Developer & Competitive Programmer

Β© 2025 DevNexus. All rights reserved.

About

DevNexus App - Full Stack Dockerised WorkSpace App

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages