Manpreet's Portfolio
← Back to Work

Web Development Projects

A collection of my frontend and full-stack web development projects showcasing responsive design, interactive features, and modern web technologies.

Spine

I designed and built Spine, a cosy social reading app where readers keep a virtual bookshelf, track their progress and share quotes, which they can scan straight from a photo of the page. I handled the UI/UX design, frontend and backend. I built the core app myself, then used Claude as a coding partner for new features and a security review.

Skills

UI/UX DesignProduct DesignProblem-solvingNext.jsReact.jsTypeScriptTailwind CSSResponsive DesignMongoDBREST API DesignAuthentication (OAuth)Web SecurityContent ModerationGitGitHubVercelAI-assisted Development

Technologies

TypeScriptJavaScriptHTMLCSSNext.jsReact.jsTailwind CSSNode.jsMongooseMongoDBNextAuthZustandGoogle Books APITesseract.jsRESTful API
View Project →

Journal App

A desktop-optimized, full-stack health dashboard tracking Hydration, Sleep, Weight, and Diet. Features a "Soft Aesthetic" UI with dynamic animations and a custom "Midnight Sync" logic to provide real-time daily health snapshots.

Skills

React.jsNext.js 15MongoDBMongooseTailwind CSSNextAuth.jsUI/UX DesignFull-Stack DevelopmentVercel DeploymentData VisualizationAPI Development

Technologies

JavascriptHTMLCSSRESTful APIMongooseNext.jsReact.jsTailwind CSS
View Project →

Bid Brick

I designed and developed a platform that let people sell their properties on auction. This project was done during my last year of university. I was responsible for the frontend and backend development, as well as the UI/UX design. The access password is: Auctionmk747!

Skills

Agile MethodologyCommunicationData AnalysisProblem-solvingReact.jsNode.jsHTML5CSS3JavaScriptResponsive DesignMERN StackMongo DBGitGitHubNetlifyRailwaySocket.ioUI/UX DesignWireframing

Technologies

JavascriptHTMLCSSRESTful APISocket.ioExpressMongooseNode.jsReact.js
View Project →

Shangri La Petitions

I designed and developed a website for people from Shangri-La to create and share petitions. For further details check my GitHub profile.

Skills

Agile MethodologyCommunicationData AnalysisProblem-solvingReact.jsNode.jsHTML5CSS3JavaScriptResponsive DesignMERN StackMongo DBGitGitHubNetlifyHerokuUI/UX DesignWireframing

Technologies

JavascriptHTMLCSSRESTful API
View Project →

Byte Queens

I designed and developed the official website for Byte Queens, a tech community aimed at empowering women in STEM.

Skills

CollaborationVolunteeringAgile MethodologyCommunicationTeamworkProblem-solvingReact.jsHTML5CSS3JavaScriptResponsive DesignNode.jsExpressMongoDBGitGitHubNetlifyHerokuUI/UX DesignWireframing

Technologies

JavascriptHTMLCSSRESTful API
View Project →

IBM Skillsbuild Gamification

A gamified version of IBM Skillsbuild group project done during second year of university

Skills

Project ManagementOrganisationCritical ThinkingProblem SolvingRequirement AnalysisMongo DB.pug TemplateNode.jsLeadershipTeamworkResolving ConflictsListeningCommunication

Technologies

JavascriptHTMLCSS.pugRESTful API
View Project →

Simon Game

Classic Simon game created using JavaScript/JQuery.

Skills

Project ManagementOrganisationCritical ThinkingProblem SolvingRequirement AnalysisUI Design

Technologies

JavascriptHTMLCSSJQuery
View Project →

Tinder for Dogs

Tinder-themed website for dogs made using Bootstrap with some customisation.

Skills

Project ManagementOrganisationCritical ThinkingProblem SolvingRequirement AnalysisUI Design

Technologies

JavascriptHTMLCSSBootstrap
View Project →

Drum Kit

Animated Drum Kit website with sound

Skills

Project ManagementOrganisationCritical ThinkingProblem SolvingRequirement Analysis

Technologies

JavascriptHTMLCSS
View Project →