Siddharth Mourya | Frontend Developer Portfolio

Next.jsTypeScriptTailwind CSSExpressMongoDBJWTMongoose

Powerlytics Suite

A full-stack energy analytics platform with realtime dashboards, reporting, and secure role-based access for energy management teams.

Real-Time Applications

ReactViteZustandSocket.ioExpressMongoDBJWT

Real-Time Chat Application

A realtime messaging platform with persistent chat history, authentication, presence tracking, and socket-based delivery.

Backend Services

Node.jsExpressMongoDBMongooseshortidCORS

URL Shortener Service

A RESTful API for generating and redirecting short URLs with click tracking and validation.

Frontend Applications

ReactBootstrapSASSFontAwesome

Gmail UI Clone

A polished frontend recreation of Gmail’s interface, built to showcase component reuse, responsive layout, and advanced UI patterns.

Documentation & Learning

Senior Frontend Interview Preparation

A Docusaurus-based knowledge platform for senior frontend interview preparation and architectural learning.

DocusaurusTypeScriptCSS

IoT & Embedded Systems

Node.jsExpressMongoDBMongooseWinstonexpress-validator

Switch IoT Platform Backend

Backend services for an IoT platform, including device registration, telemetry ingestion, and structured logging for device management.

Frontend Applications

ReactBootstrapViteSASSReact Router

Chat Application UI - Vibechat

A frontend chat experience built with React and Bootstrap to demonstrate responsive realtime messaging interfaces and stateful UI patterns.

Frontend Applications

Next.jsTypeScriptTailwind CSSESLint

Next.js Blog Platform

A content platform built with Next.js and Tailwind CSS to support SEO-driven blog articles and static site generation.

Frontend Applications

Next.jsTypeScriptSASSmoment

In-Time - Time Management App

A personal productivity and planning application built with Next.js to support schedule management and time tracking.

UI Components

Next.jsReactTypeScriptTurbopack

UI Components Library

A reusable frontend component library built with modern React, TypeScript, and design system principles.

IoT & Embedded Systems

Node.jsExpressaxiosdotenvREST APIs

Redirection App - Device Parameters Proxy

An Express.js proxy service that receives IoT water-quality query parameters, formats them, and forwards them to an external Waterfit API.

Business & E-commerce

ReactReact ScriptsSASSJest

Shaukeens Menu - QR Code Restaurant Menu

A React-based digital restaurant menu with QR-code access, responsive browsing, search, and category-based item organization.

Frontend Applications

ReactBootstrapaxiosreact-qr-codeFontAwesomenode-sass

URL Shortener UI - Frontend

A React frontend for shortening URLs, generating QR codes, copying links, and integrating with the URL Shortener backend API.

Frontend Applications

ReactReact BootstrapBootstrapReact RouterTypewriter EffectFontAwesomemoment

Personal Portfolio Website

A React portfolio website showcasing professional profile sections, project work, skills, experience, and contact channels.

API & Developer Tools

Node.jsExpressJavaScriptREST APIs

API Testing Backend

An Express.js backend for mock endpoints, request/response testing, logging, and API design validation during development.

Backend Services

Node.jsExpressEJSHBSrequestHTML

Node Weather Server

A server-rendered Node.js weather application that fetches live weather data and displays location-based conditions through dynamic templates.

IoT & Embedded Systems

Node.jsExpressEJSMQTTbody-parser

Test Farm - IoT Farm Management

An IoT farm-management prototype using Express, EJS, and MQTT for realtime sensor data, device management, and agricultural automation workflows.

Frontend Applications

ReactTypeScriptViteESLintCSS Modules

Test React - React Testing Project

A modern React, TypeScript, and Vite playground for experimenting with React 19 features, strict typing, component patterns, and build optimization.

Full-Stack Applications

ReactViteTypeScriptNode.jsExpressCORSdotenv

Streamline - Full-Stack Application

A full-stack React and Express application with TypeScript frontend, CORS-enabled backend, environment configuration, and monolithic deployment flow.

Desktop Applications

C++graphics.hWindows/DOSFile I/O

Painter – C++ Desktop Application

A C++ desktop painting program demonstrating graphics programming, mouse event handling, drawing tools, and file operations.

Game Development

CrasherGame – Python Pygame

A Python car-racing game built with Pygame featuring obstacle generation, collision detection, scoring, sound effects, and restart flow.

PythonPygame

Game Development

HTMLCSSJavaScriptExternal Gaming APIs

Gameo – Gaming Aggregator

A hackathon gaming aggregator that consumes external APIs for game scores, launch dates, news, recommendations, search, and filtering.

IoT & Embedded Systems

C++Arduino UnoIR SensorsDC MotorsPWM

MazeSolver – Line Follower Robot

An Arduino-based autonomous robot that solves mazes by following white lines with infrared sensors and PWM motor control.

Educational Repositories

JavaScriptES6+AlgorithmsData Structures

JavaScript Programs Collection

A collection of JavaScript coding exercises covering algorithms, data structures, ES6+ features, async programming, and common interview concepts.

Documentation & Learning

ReactJavaScriptFrontend ArchitecturePerformance

Frontend Interview Preparation

A curated repository of React examples, frontend performance techniques, best practices, and interview questions for preparation.

Documentation & Learning

FrontendJavaScriptReactDocumentation

Frontend Notes

A documentation repository covering frontend technologies, frameworks, engineering concepts, and practical development references.

Templates & UI Mockups

Business Design Website

A static business website design presenting branding, services, product information, portfolio content, company details, and contact information.

Templates & UI Mockups

Coming Soon Page

A reusable launch-page template with countdown timer, email subscription affordance, social links, responsive design, and animated visual effects.

Templates & UI Mockups

HouseWise Design

A real-estate website design showcasing property listings, property details, lead-generation contact forms, and polished portfolio-style layout.

Templates & UI Mockups

HTMLCSSResponsive DesignPrint Styles

HTML Resume

A responsive and print-friendly resume built with HTML and CSS for professional profile presentation and simple static hosting.

Templates & UI Mockups

LinkedIn Remake

A frontend recreation of LinkedIn’s interface focused on layout practice, component structuring, and social-network UI patterns.

UI Components

QR Code Card

A reusable HTML and CSS QR-code card component demonstrating simple component styling, centered layout, and responsive presentation.

HTMLCSSResponsive Design

Frontend Applications

ReactTypeScriptViteESLint

File Explorer

A React, TypeScript, and Vite file explorer application with directory navigation, file operations, keyboard shortcuts, and search.

Business & E-commerce

Web PlatformJavaScriptE-commercePayment Integration

Trade Bazaar

An e-commerce platform concept with product catalog, shopping cart, order management, and payment-integration workflows.

Productivity & Utilities

Web PlatformJavaScriptNavigation UX

Metro

A transportation-focused application concept for metro navigation, route discovery, and travel-management workflows.

Productivity & Utilities

JavaScriptHTMLCSSLocal StorageResponsive Design

Todo Web App

A task-management application with CRUD operations, completion state, filtering, local storage persistence, and responsive UI.

IoT & Embedded Systems

C++Embedded SystemsIoTDevice Control

Toggle Node

A C++ embedded-systems project for controlling IoT device toggles and experimenting with device-level control logic.

IoT & Embedded Systems

Next.jsMongoDBMongooseJavaScriptDashboard UI

Toggle – Next.js IoT Dashboard

A Next.js IoT dashboard for monitoring and controlling devices with MongoDB persistence, realtime status concepts, and visualization UI.

Productivity & Utilities

Web PlatformJavaScriptResponsive UIData Visualization

Waterfit

A fitness and hydration-tracking application for monitoring water intake, reminders, goals, and progress visualization.

Full-Stack Applications

Web PlatformBackend ServicesJavaScript

Darzi

A platform-style development project with backend capabilities, focused on building a flexible service foundation for future product workflows.

Documentation & Learning

DocumentationMarkdownDeveloper ToolsGuides

How To

A documentation repository collecting setup guides, tutorials, practical notes, and best practices for tools and technologies.

Business & E-commerce

PHPWeb PlatformFood OrderingPayment Processing

Foodshala

A PHP-based food delivery and ordering platform with restaurant listings, menus, ordering workflow, delivery tracking, and payment processing concepts.

Productivity & Utilities