From the Labs

Welcome to my R&D playground, where I explore new tech by crafting unique, functional prototypes. It's a collection of personal experiments where playful ideas meet production-ready code.

Deepseek WebUI

DeepSeek WebUI is a browser-based interactive chat interface that leverages DeepSeek R1 via the Ollama framework. This project consists of a React frontend (UI) and a Node.js backend (server) to facilitate real-time interactions with DeepSeek models, simulating a chat experience similar to Gemini and ChatGPT, including memory retention and bot typing effects.

DeepSeek WebUI
ReactNode.jsJavaScriptOllamaDeepSeek R1

CSS Trigonometric Animation

A unique and advance CSS technique using SIN() and COS() to animate the object without JS

DeepSeek WebUI
HTMLCSSCustom PropertiesAnimation

WebGL Testimonial Shader

A WebGL Shader based testimonial card that animate on hover and can be set as card or section

DeepSeek WebUI
Loading video...
WebGLCSSJavaScriptShaderCanvas API

FrontendToolkit

A library of free and opensource frontend toolkits that I created to help achieve some Frontend specific task with configurable settings.

FrontendToolkit
VueNode.jsTypeScriptCSSCanvas

Interactive Frame Mouse Track

JavaScript effects on animating static frames into video-like scrub effects that follow mouse position.

frame-mouse
HTMLCSSJavaScriptMotion

Pijar Landing Page

A fully animated scroll-trigger based landing page showcasing personal branding of a Horror Creative Director, Pijar Kezuma.

Pijar Kezuma
GSAPHTMLJavaScriptCSSScrollTrigger

PoolBoard

Simple all-in-one Pool / Billiard scoring system. Responsive for all screen and supports multiple game variants. Play with up to 12 players for situation like tournament, or just 2 players by-one match.

PoolBoard
Loading video...
HTMLCSSJavaScriptSCSS

Litterium - ResumeFlow

Digital resume generator with editing tools like a pro. Create your modern Resume with ease. Drag n drop, modular approach, make ResumeFlow beginner friendly and quick. Download or create account to save multiple customizable resumes.

Resume Generator
ReactGolangJavaScriptTurboRepo

FYI: JSON Placeholder

A REST API JSON Placeholder that can be used to quickly fill dummy data for website content like homepage, profile page, about page, etc. Created using Node.js and Express.js and is open source. Feel free to use it on your websites / projects.

FYI JSON Placeholder
Node.jsExpressJavaScript