Shub's Live Web Projects

Welcome to my collection of web applications built from the ground up. This site showcases the functional projects that I have built and demonstrate my expertise in modern web development technologies including Next.js, React, TypeScript, and Tailwind CSS. Each project features live demos and source code access, allowing you to experience my work firsthand. Explore the tech stack details at the bottom to learn more about the frameworks and libraries powering this site.
Nuxt 3
TypeScript
Vite
CSS Flexbox
Fira Code
React
TailwindCSS
shadcn/ui
Framer Motion
React Markdown
PostCSS
React Router
Dexie.js
Zod
Next.js
SCSS
GraphQL
Wordpress CMS
Vercel
MacOS Terminal Portfolio

MacOS Terminal Portfolio

A Developer Portfolio styled like a classic MacOS Terminal

Nuxt 3
TypeScript
Vite
CSS Flexbox
Fira Code
Live DemoCode
Linktree Clone

Linktree Clone

A clean, customisable, and accessible link-in-bio solution

React
TypeScript
Vite
TailwindCSS
shadcn/ui
Live DemoCode
Web Image Cropper

Web Image Cropper

A simple and powerful web application for cropping and editing images

React
TypeScript
Vite
TailwindCSS
Framer Motion
Live Demo
Word Counter

Word Counter

A simple and powerful web application that can count words, characters and more

React
TypeScript
Vite
TailwindCSS
shadcn/ui
Framer Motion
Live Demo
AI Chat Interface

AI Chat Interface

A minimalist and feature-rich chat interface for interacting with OpenAI's GPT-4o LLM

React
TypeScript
Vite
TailwindCSS
React Markdown
Live Demo
Quality Engineering Manifesto

Quality Engineering Manifesto

A modern interpretation of agile principles specifically tailored for Software Quality Engineering

React
TypeScript
Vite
TailwindCSS
PostCSS
Live DemoCode
Web Music Player

Web Music Player

A simple, music player user interface that works in the browser and points to local audio files

React
TypeScript
Vite
TailwindCSS
PostCSS
Live Demo
Recommend Reads

Recommend Reads

A collection of books that I have read and recommend to software professionals

React
React Router
TypeScript
Vite
TailwindCSS
Dexie.js
Zod
Live Demo
eesel Website

eesel Website

The marketing website for eesel, an AI-powered platform for businesses

React
Next.js
TypeScript
SCSS
GraphQL
Wordpress CMS
Vercel
Live Demo

Tech Stack

The following are the dependencies of this site:

Framework

Next.jsv13.5.1

React framework for production-grade applications

Library

Reactv18.2.0

JavaScript library for building user interfaces

Language

TypeScriptv5.2.2

Typed superset of JavaScript

Styling

Tailwind CSSv3.3.3

Utility-first CSS framework

Animation

Framer Motionv11.0.8

Production-ready animation library

Components

shadcn/uivlatest

Re-usable components built with Radix UI and Tailwind