Eka Prasetia ekaone

🎯

Focusing

🧑‍💻 OSS | 📝 Build Tiny Packages - zero deps

ekaone / index.html

Created April 14, 2026 02:11

comparison just-bash vs @ekaone/vellum

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>just-bash vs @ekaone/vellum</title>
	<style>
	@import url('https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400&family=DM+Serif+Display:ital@0;1&display=swap');

	, ::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

ekaone / index.html

Created January 16, 2026 04:35

Quiz generated from Youtube by Google Opal


	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>YouTube Learning Report: Google Opal AI</title>
	<script src="https://cdn.tailwindcss.com"></script>
	<style>
	@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Outfit:wght@600;700;800&display=swap');

ekaone / index.html

Created January 16, 2026 04:22

Hand-Controlled 3D Particle System

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Hand-Controlled Particle System</title>
	<style>
	* {
	margin: 0;
	padding: 0;

ekaone / App.jsx

Created May 7, 2025 10:57

POS 2 with add menu item

	import React, { useState, useEffect, useCallback } from 'react';
	import {
	ShoppingCart, Trash2, CreditCard, DollarSign, X, Coffee, Pizza, IceCream, GlassWater,
	PlusCircle, MinusCircle, CheckCircle, Settings, Utensils, PackagePlus, Tag, Image as ImageIcon, ListOrdered
	} from 'lucide-react';

	// Mock Product Data
	const initialProducts = [
	{ id: 'F001', name: 'Margherita Pizza', price: 75000, category: 'Main Course', imageUrl: 'https://placehold.co/400x300/f87171/ffffff?text=Margherita' },
	{ id: 'F002', name: 'Pepperoni Pizza', price: 85000, category: 'Main Course', imageUrl: 'https://placehold.co/400x300/fb923c/ffffff?text=Pepperoni' },

ekaone / app.jsx

Created May 7, 2025 10:42

POS

	import React, { useState, useEffect, useCallback } from 'react';
	import { ChevronDown, ChevronUp, ShoppingCart, Trash2, CreditCard, DollarSign, X, Coffee, Pizza, IceCream, GlassWater, PlusCircle, MinusCircle, CheckCircle } from 'lucide-react';

	// Mock Product Data
	const initialProducts = [
	{ id: 'F001', name: 'Margherita Pizza', price: 75000, category: 'Main Course', imageUrl: 'https://placehold.co/400x300/f87171/ffffff?text=Margherita' },
	{ id: 'F002', name: 'Pepperoni Pizza', price: 85000, category: 'Main Course', imageUrl: 'https://placehold.co/400x300/fb923c/ffffff?text=Pepperoni' },
	{ id: 'F003', name: 'Spaghetti Carbonara', price: 65000, category: 'Main Course', imageUrl: 'https://placehold.co/400x300/fdba74/1e293b?text=Carbonara' },
	{ id: 'F004', name: 'Caesar Salad', price: 45000, category: 'Appetizer', imageUrl: 'https://placehold.co/400x300/a3e635/1e293b?text=Caesar+Salad' },
	{ id: 'F005', name: 'Garlic Bread', price: 25000, category: 'Appetizer', imageUrl: 'https://placehold.co/400x300/b

ekaone / all.jsx

Created April 16, 2025 10:37

Simple voice

	// lib/elevenlabs-client.js
	import { Conversation } from '@elevenlabs/conversation-ai';

	// Initialize and export the conversation singleton
	let conversationInstance = null;

	export async function initializeConversation(router) {
	if (conversationInstance) {
	return conversationInstance;
	}

ekaone / proximity-prefetch.tsx

Created April 6, 2025 13:31 — forked from pontusab/proximity-prefetch.tsx

Next.js Proximity Prefetch (PPF)

	"use client";

	import { useRouter } from "next/navigation";
	import type { ReactNode } from "react";
	import { useCallback, useEffect, useState } from "react";

	interface ProximityPrefetchProps {
	children: ReactNode;
	threshold?: number;
	predictionInterval?: number;

ekaone / employees.sql

Created November 4, 2024 03:25

Samples employees database

	CREATE SEQUENCE IF NOT EXISTS dept_emp_seq;
	CREATE SEQUENCE IF NOT EXISTS dept_manager_seq;
	CREATE SEQUENCE IF NOT EXISTS employees_seq;
	CREATE SEQUENCE IF NOT EXISTS salaries_seq;
	CREATE SEQUENCE IF NOT EXISTS titles_seq;

	CREATE TABLE IF NOT EXISTS departments (
	dept_no char(4) NOT NULL PRIMARY KEY,
	dept_name varchar(40) NOT NULL
	);

ekaone / amqp.js

Created October 30, 2024 03:43

Simple AMQP Protocol message queue wityh RabbitMQ

	const amqp = require('amqplib');

	// RabbitMQ connection URL
	const url = 'amqp://guest:guest@104.211.219.98';

	// Queue name
	const queue = 'nodequeue001'

	async function sendMessage(msg) {
	try {

ekaone / anime.tsx

Created October 24, 2024 02:23

Animated Text likes streaming-text on AI

	// Dependencies: npm i framer-motion
	// Hooks

	"use client";

	import { animate } from "framer-motion";
	import { useEffect, useState } from "react";

	const delimiter = ""; // or " " to split by word