CUT TO:
INT. PROJECT ARCHIVE — STORYBOARD ROOM
The USER opens LurkForWork.
DIVAKAR DESSAI
Let's run through the shots.
CASE FILE / COMP6080 / Frontend / SPA
LurkForWorkSingle-Page Professional Social Network
Built a LinkedIn-inspired single-page application using vanilla JavaScript, REST APIs, direct DOM manipulation and hash-based navigation.
01–02 / OPENING SEQUENCE
Establishing the world
01 / Establishing Shot
The Problem
The application needed to provide the interaction model of a modern social network without relying on a framework to manage rendering or navigation.
02 / Wide Shot
The Context
The project was completed for COMP6080 and deliberately required direct JavaScript and DOM manipulation.
03 / CHARACTER NOTE
DIVAKAR'S ROLE
Subject
Divakar Dessai
Production
LurkForWork
Take
03 / Role
Role notes
DIVAKAR DESSAI
I implemented authentication, data retrieval, rendering, profile and feed functionality and SPA navigation.
04 / CLOSE-UP
THE ENGINEERING CHALLENGE
Without React or another rendering framework, application state and DOM updates had to be coordinated explicitly.
05 / TRACKING SHOT
THE APPROACH
A plan emerges.
I built reusable JavaScript rendering and API functions and used URL hashes to represent application navigation while keeping the page loaded as a single-page application.
06 / INSERT SHOTS
KEY FEATURES
The system takes shape.
07 / DIRECTOR'S NOTES
DESIGN DECISIONS
Things we decided along the way
01
Used hash routes to provide SPA navigation.
02
Separated API operations from rendering logic.
03
Created DOM nodes programmatically instead of relying on framework rendering.
design decisions
somewhere mid-build
08 / RETAKES
WHAT WENT WRONG
Naturally, not everything cooperates.
09 / FINAL SHOT
THE OUTCOME
ProblemBuildOutcome
01
Built a complete single-page social application.
02
Developed a stronger understanding of the abstractions provided by modern frontend frameworks.
03
Gained practical experience with asynchronous API-driven interfaces.
10 / PRODUCTION NOTES
TECH STACK
The tools behind the scenes.
JavaScriptHTMLCSSBootstrapREST APIs
11 / BEHIND THE SCENES
LINKS
FADE OUT.
USER closes the file.
One project down. A few more stories left.
DIVAKAR DESSAI
Pick another?