VARUN'S PROJECTS

Curated

work

PenCraft

PenCraft

šŸš€ Pencraft is a full‑stack and scalable blogging application built with Hono on Cloudflare Workers, Prisma ORM backed by PostgreSQL, and a Vite‑React frontend. It offers secure JWT‑based auth, user profiles with follow/unfollow, and rich‑text EditorJS for posts, complete with image uploads to an S3 bucket via presigned URLs. Features include infinite scrolling, clap reactions, draft management with route‑change safeguards, complex Zod validation packaged as an NPM module, and a real‑time Redux store for efficient state. Deployed via Wrangler with robust CI/CD pipelines, Pencraft demonstrates scalable architecture, modular packages, and a user‑centric design optimized for performance and developer productivity.

React
TypeScript
Vite
Tailwind CSS
Reponsiveness
Redux
Framer Motion
Hono
PostgreSQL
Prisma
AWS S3
JWT
EditorJS
AWS CloudFront
Github Actions
Wrangler
Cloudflare Workers
CI/CD

proPAYn

proPAYn

šŸ¦ ProPAYn is a production-ready, full-stack digital wallet platform built using a microservices-style Turborepo. It features secure P2P transfers, a complete on-ramping system with a custom gateway and bank simulation, and real-time balance protection using raw SQL locking to prevent race conditions. The app uses Next.js, Prisma, Jotai, and NextAuth, and follows an industry-grade CI/CD pipeline with GitHub Actions, protected production branches, and automated VM deployment. Built with scalability, modularity, and real-world payment architecture in mind, ProPAYn demonstrates end-to-end design thinking and backend depth aligned with modern fintech engineering practices.

Next.js
TypeScript
Tailwind CSS
Jotai
NextAuth
Express
PostgreSQL
Prisma
Turborepo
AWS EC2
Bcrypt
Zod
PM2
Nginx

AI-Enhanced Movie Discovery

AI-Enhanced Movie Discovery

šŸ“½ļø A feature-rich Netflix clone powered by React, Redux, and Firebase, enhanced with GPT-based movie search using OpenAI. Implemented authentication, multi-language support, dynamic UI, custom hooks, and TMDB API integration. Focused on code reusability, performance optimization, responsive design, and hands-on learning with real-world APIs and tools.

React
ReduxToolkit
TailwindCSS
Firebase Auth
React-router-dom
TMDB API
OPENAI API
YouTube iFrame API
Responsive Design
Create React App
Vercel

Youtube Clone

Youtube Clone

šŸŽ„ A dynamic YouTube clone built with React, Redux, and the YouTube API. Features include trending videos, embedded video playback, a comment section with nested replies (like Reddit), live chat with random generated messages, and an optimized search bar with caching and debouncing for improved performance.

React
Redux Toolkit
React Router DOM
Tailwind CSS
YouTube Data API
JavaScript
Custom Components
Debounced Search
Live Chat API
React-Redux
React-Scripts

ThreeJS Portfolio

ThreeJS Portfolio

šŸ“„ A stunning portfolio website built with Three.js, showcasing 3D models and animations. Features include interactive elements, smooth scrolling, and a responsive design that adapts to various screen sizes.

React
Redux Toolkit
React Router DOM
Tailwind CSS
YouTube Data API
JavaScript
Custom Components
Debounced Search
Live Chat API
React-Redux
React-Scripts

WebSocket Chat Room

WebSocket Chat Room

šŸ’¬ A real-time, ephemeral chat room built with WebSocket where users join using a unique room ID. Once all participants leave, the chat history is wiped, ensuring a one-time experience. No database is used, making it simple and lightweight for temporary, private conversations.

Node.js
TypeScript
WebSocket (ws)
Vite (for frontend bundling)
React
JavaScript
Tailwind CSS
Vite

FoodVilla App

FoodVilla App

šŸ˜‹ A dynamic food ordering app built to master React fundamentals, React Router DOM, and Redux. Implemented config-driven UI, lazy loading, and backend API integration. Emphasized learning state management, hooks, and cross-origin solutions while recreating Swiggy's user experience usingĀ realĀ APIĀ calls.

React
Redux
React Router DOM
Tailwind CSS
Javascript
Swiggy Public API
CORS Handling
Lazy Loading

FROM CONCEPT TO CREATION

LET'S MAKE IT HAPPEN!

I'm available for full-time roles & freelance projects.

I thrive on crafting dynamic web applications, and
delivering seamless user experiences.