_projects
// a collection of my work
Project 1 // _karyana-store-—-frontend-overview
Karyana Store — Frontend Overview
Karyana Store — Frontend Overview Tech Stack & Libraries Used: Framework: Next.js (React 18) – for SSR, routing, and SEO-friendly pages State Management: Zustand – lightweight global state management for cart, filters, etc. Styling: Tailwind CSS – responsive and modern design, plus some custom CSS for components UI Components: Material-UI & Ant Design – for ready-made, clean components like tables, buttons, modals Data Fetching: Fetch API / Axios – to interact with the backend (Node.js + Express + PostgreSQL) Forms & Validation: Custom React forms for user input (checkout, login, signup) Routing & Navigation: Next.js built-in Link and dynamic routing for product pages Local Storage: For cart persistence across sessions Extras: React hooks (useEffect, useState, useMemo) for dynamic UI updates Swiper.js for product sliders/carousels Socket.io / WebSocket (if any real-time notifications or updates were used) Features Built: Product catalog with filtering, search, and categories Multi-role panels: Admin, Seller, User Cart management with local storage persistence Checkout and order placement Interactive dashboards (Admin & Seller) Responsive design for mobile, tablet, desktop Accessibility & performance optimizations Why This Stack: Next.js → SEO + performance Zustand → simple state management for cart & user sessions Tailwind CSS + Material UI/Ant Design → fast UI development React → modular, reusable components
view-projectProject 2 // _karyana-store-backend---tech-stack
Karyana Store Backend - Tech Stack
Core Technologies: Node.js - Runtime environment Express.js - Web framework for REST API PostgreSQL - Relational database Prisma ORM - Database management & queries TypeScript - Type safety Key Features: Authentication: JWT tokens, bcrypt password hashing File Upload: Multer for product images Multi-vendor System: Separate seller & admin roles Order Management: Complete order flow with status tracking WhatsApp Integration: CallMeBot API for notifications Email: Nodemailer for order confirmations Database (Prisma Schema): Users, Sellers, Products, Categories Orders, OrderItems, Reviews Notifications, Seller Applications Product Variants with images Deployment: Database: Neon (PostgreSQL cloud) Backend: Vercel Serverless Functions Storage: Local uploads folder API Endpoints: /api/auth - Login, Register /api/products - CRUD operations /api/orders - Order management /api/sellers - Seller dashboard /api/admin - Admin panel
view-projectProject 3 // _limkokwing-hrms-and-cms-system
Project 4 // _appointment-scheduler-wordpress-plugin
Appointment Scheduler WordPress Plugin
A beautiful and feature-rich appointment scheduling system for WordPress with calendar integration, Google Meet links, email notifications, and automatic reminders.
view-projectProject 5 // _user-menu-control-🛡️
User Menu Control 🛡️
User Menu Control is a lightweight, dynamic WordPress plugin designed to give Administrators complete control over what Subscribers and Editors see in the WordPress Admin Dashboard.
view-projectProject 6 // _boltos-custom-post-type-plugins
BoltOS Custom Post Type Plugins
These plugins are custom-built for the BoltOS Theme. Each plugin adds a dedicated Custom Post Type (CPT) and related functionality to power various dynamic sections of the site. They’re modular — so you can activate only the ones your project needs.
view-projectProject 7 // _pdf-bank-statement-to-excel-converter
PDF Bank Statement to Excel Converter
A React-based web application that converts PDF bank statements and payslips into Excel/CSV format. The application runs entirely client-side, ensuring your financial data never leaves your browser.
view-projectProject 8 // _lelc-portal
Project 9 // _v10-project
V10 Project
The Limkokwing University Website is built using HTML, CSS, JavaScript, SCSS, Bootstrap, and Swiper.js to create a dynamic and responsive platform. The website allows students to easily access information on courses, accommodation, and fees. It features a clean, modern design with interactive elements, offering a smooth and engaging user experience across devices.
view-project