Live Deployment2024

NetworkNex

Full-Stack Professional Network

Full-Stack Developer Social / professional networking

A responsive professional-network app with secure sessions and a dynamic real-time feed.

A LinkedIn-style app with API integration, a dynamic feed, dark mode and secure Google-based session management, built on Next.js, the MERN stack and Prisma.

The Problem

Needed a production-style social platform with secure auth and a performant, responsive feed across devices.

System Architecture

Architecture design

Illustrative paths, not live telemetry.

The Next.js client calls API routes that authenticate via Google and read through Prisma into the database.

Architecture overview. No node selected.

Full network reference

  • User

    Browser

    Kind: client

    Incoming (0)

    None in this diagram

    Outgoing (1)

  • Next.js App

    SSR + feed

    Kind: client

    Incoming (1)

    Outgoing (1)

  • API Routes

    REST

    Kind: api

    Incoming (1)

    Outgoing (2)

  • Google Auth

    Sessions

    Kind: ops

    Incoming (1)

    Outgoing (0)

    None in this diagram

  • Prisma ORM

    Data access

    Kind: service

    Incoming (1)

    Outgoing (1)

  • Database

    Persistence

    Kind: data

    Incoming (1)

    Outgoing (0)

    None in this diagram

What I Engineered

  • Built a LinkedIn-style app with API integration and dynamic feed components.
  • Implemented secure Google-based session management and dark mode.
  • Delivered a responsive, multi-device layout with Redux state and Prisma data access.

Impact & Scale

  • Secure Google-based auth sessions
  • Dynamic real-time feed architecture
  • Responsive across every device
AuthGoogle OAuth
FeedDynamic
LayoutResponsive

Stack

Next.jsMERN StackTailwind CSSReduxPrisma
Live demo Source code

Portfolio context

This project in the Atlas

    Open to AI Software Development & Platform Engineering roles

    Need someone who ships systems like this into production?

    Get in touch Résumé All projects