02 / Systems
Systems
How the technologies I have used fit together. Each project is a flow through its layers (interface, application, data, AI, infrastructure); Git, Postman and Figma were used in every project, and GitHub in every project except EPTT.LK, which used GitLab.
Project stacks
- Safelora
- interface: React
- application: Python, Flask
- AI: PyTorch, TensorFlow, CNNs, LLMs, PEFT/LoRA, DPO, Unsloth, LangChain, LangGraph, RAG, AI Agents
- Vegatise
- interface: React, React Native, Expo
- application: JavaScript (ES6), Node.js/Express
- data: MongoDB
- AI: YOLO
- infrastructure: AWS
- Enterprise Document Management System · stack not listedTools: Git, Postman, Figma, GitHub
- Oak.biz Corporate Website
- interface: Next.js, Tailwind CSS, shadcn/ui
- application: Better Auth, Prisma
- data: PostgreSQL
- infrastructure: Cloudflare
- Cloud99X Corporate Website
- interface: Next.js, Tailwind CSS, shadcn/ui
- data: Sanity
- infrastructure: Vercel
- FutureHope Investment Website
- interface: Next.js, Tailwind CSS, shadcn/ui
- infrastructure: Vercel
- Hikvision AI Camera Integration
- application: PHP, Laravel
- NOVA Study Note Generator
- interface: React, Vite
- application: Node.js/Express
- data: MongoDB
- AI: LLMs
- infrastructure: Vercel, Render
- File-Share
- interface: Tailwind CSS
- application: ElysiaJS (Bun)
- EPTT.LK Vehicle Rental Platform
- application: PHP, CodeIgniter
Languages
- Python A general-purpose programming language widely used for scripting, web backends and machine learning.Used in 1 project: SafeloraWorks with: React, PyTorch, TensorFlow, CNNs, LLMs, PEFT/LoRA, DPO, Unsloth, LangChain, LangGraph, RAG, AI Agents
- JavaScript (ES6) The programming language of the web, running in browsers and on servers through Node.js.Used in 1 project: VegatiseWorks with: React, React Native, Expo, MongoDB
- TypeScript JavaScript with static types, compiled to plain JavaScript.
- Java A statically typed, object-oriented language that runs on the Java Virtual Machine.
- Kotlin A modern language for the JVM, widely used for Android apps.
- PHP A server-side scripting language used for web applications.Used in 2 projects: Hikvision AI Camera Integration, EPTT.LK Vehicle Rental Platform
- SQL The standard language for querying and managing relational databases.
AI / ML
- PyTorch An open-source deep learning framework for building and training neural networks.Used in 1 project: SafeloraWorks with: Python, Flask
- TensorFlow An open-source machine learning framework for training and deploying neural networks.Used in 1 project: SafeloraWorks with: Python, Flask
- CNNs Convolutional neural networks: a model family for learning from images.Used in 1 project: SafeloraWorks with: Python, Flask
- YOLO You Only Look Once: a family of real-time object detection models.Used in 1 project: VegatiseWorks with: MongoDB, AWS
- LLMs Large language models: neural networks trained on text to generate and understand language.Used in 2 projects: Safelora, NOVA Study Note GeneratorWorks with: Python, Flask, MongoDB, Vercel, Render
- PEFT/LoRA Parameter-efficient fine-tuning that trains small low-rank adapters instead of all of a model's weights.Used in 1 project: SafeloraWorks with: Python, Flask
- DPO Direct Preference Optimization: aligning a language model to preferred answers without a separate reward model.Used in 1 project: SafeloraWorks with: Python, Flask
- Unsloth A library for faster, lower-memory fine-tuning of large language models.Used in 1 project: SafeloraWorks with: Python, Flask
- LangChain A framework for building applications around language models, tools and data sources.Used in 1 project: SafeloraWorks with: Python, Flask
- LangGraph A library for building stateful, multi-step agent workflows as graphs.Used in 1 project: SafeloraWorks with: Python, Flask
- RAG Retrieval-Augmented Generation: giving a language model retrieved documents to ground its answers.Used in 1 project: SafeloraWorks with: Python, Flask
- AI Agents Language-model-driven programs that plan, call tools and act towards a goal.Used in 1 project: SafeloraWorks with: Python, Flask
Frontend & mobile
- React A JavaScript library for building user interfaces from components.Used in 3 projects: Safelora, Vegatise, NOVA Study Note GeneratorWorks with: Python, Flask, JavaScript (ES6), Node.js/Express
- Next.js A React framework for full-stack web applications, with server rendering and routing.Used in 3 projects: Oak.biz Corporate Website, Cloud99X Corporate Website, FutureHope Investment WebsiteWorks with: Better Auth, Prisma, Sanity, Vercel
- Astro A web framework for content-focused sites that ships very little JavaScript.
- React Native A framework for building native mobile apps with React.Used in 1 project: VegatiseWorks with: JavaScript (ES6), Node.js/Express
- Expo A toolchain and platform for building and publishing React Native apps.Used in 1 project: VegatiseWorks with: JavaScript (ES6), Node.js/Express
- Tailwind CSS A utility-first CSS framework for styling directly in markup.Used in 4 projects: Oak.biz Corporate Website, Cloud99X Corporate Website, FutureHope Investment Website, File-ShareWorks with: Better Auth, Prisma, Sanity, Vercel, ElysiaJS (Bun)
- SCSS A CSS extension language with variables, nesting and mixins.
- shadcn/ui A collection of copyable, accessible React UI components built on Tailwind CSS.Used in 3 projects: Oak.biz Corporate Website, Cloud99X Corporate Website, FutureHope Investment WebsiteWorks with: Better Auth, Prisma, Sanity, Vercel
- Vite A fast build tool and development server for frontend projects.Used in 1 project: NOVA Study Note GeneratorWorks with: Node.js/Express
Backend
- Node.js/Express A JavaScript runtime for servers, with Express as its minimal web framework.Used in 2 projects: Vegatise, NOVA Study Note GeneratorWorks with: React, React Native, Expo, MongoDB, Vite
- Flask A lightweight Python web framework.Used in 1 project: SafeloraWorks with: React, PyTorch, TensorFlow, CNNs, LLMs, PEFT/LoRA, DPO, Unsloth, LangChain, LangGraph, RAG, AI Agents
- Laravel A PHP web application framework.Used in 1 project: Hikvision AI Camera Integration
- CodeIgniter A lightweight PHP web framework.Used in 1 project: EPTT.LK Vehicle Rental Platform
- ElysiaJS (Bun) A web framework for the Bun JavaScript runtime.Used in 1 project: File-ShareWorks with: Tailwind CSS
- Better Auth A TypeScript authentication library for web applications.Used in 1 project: Oak.biz Corporate WebsiteWorks with: Next.js, Tailwind CSS, shadcn/ui, PostgreSQL
Data & cloud
- MongoDB A document-oriented NoSQL database.Used in 2 projects: Vegatise, NOVA Study Note GeneratorWorks with: JavaScript (ES6), Node.js/Express, YOLO, LLMs
- MySQL An open-source relational database.
- PostgreSQL An open-source relational database known for standards compliance and extensibility.Used in 1 project: Oak.biz Corporate WebsiteWorks with: Better Auth, Prisma, Cloudflare
- Prisma A TypeScript ORM for working with SQL databases.Used in 1 project: Oak.biz Corporate WebsiteWorks with: Next.js, Tailwind CSS, shadcn/ui, PostgreSQL
- Supabase An open-source backend platform built around PostgreSQL.
- Firebase Google's app development platform with hosted databases, authentication and hosting.
- Sanity A headless content management system with a hosted content store.Used in 1 project: Cloud99X Corporate WebsiteWorks with: Next.js, Tailwind CSS, shadcn/ui, Vercel
- AWS Amazon's cloud platform for compute, storage and networking.Used in 1 project: VegatiseWorks with: YOLO
- Vercel A hosting platform for frontend and Next.js applications.Used in 3 projects: Cloud99X Corporate Website, FutureHope Investment Website, NOVA Study Note GeneratorWorks with: Sanity, Next.js, Tailwind CSS, shadcn/ui, LLMs
- Render A cloud platform for hosting web services and databases.Used in 1 project: NOVA Study Note GeneratorWorks with: LLMs
- Cloudflare A network platform providing DNS, CDN and security for websites.Used in 1 project: Oak.biz Corporate WebsiteWorks with: PostgreSQL
- Docker A tool for packaging applications into containers.
- Linux An open-source operating system family widely used on servers.
Tools
- Git A distributed version control system.Used in 10 projects: Safelora, Vegatise, Enterprise Document Management System, Oak.biz Corporate Website, Cloud99X Corporate Website, FutureHope Investment Website, Hikvision AI Camera Integration, NOVA Study Note Generator, File-Share, EPTT.LK Vehicle Rental Platform
- GitHub A hosting service for Git repositories with collaboration tools.Used in 9 projects: Safelora, Vegatise, Enterprise Document Management System, Oak.biz Corporate Website, Cloud99X Corporate Website, FutureHope Investment Website, Hikvision AI Camera Integration, NOVA Study Note Generator, File-Share
- GitLab A Git hosting platform with built-in collaboration and delivery tooling.Used in 1 project: EPTT.LK Vehicle Rental Platform
- Postman A tool for designing, testing and documenting APIs.Used in 10 projects: Safelora, Vegatise, Enterprise Document Management System, Oak.biz Corporate Website, Cloud99X Corporate Website, FutureHope Investment Website, Hikvision AI Camera Integration, NOVA Study Note Generator, File-Share, EPTT.LK Vehicle Rental Platform
- Figma A collaborative design tool for interfaces and prototypes.Used in 10 projects: Safelora, Vegatise, Enterprise Document Management System, Oak.biz Corporate Website, Cloud99X Corporate Website, FutureHope Investment Website, Hikvision AI Camera Integration, NOVA Study Note Generator, File-Share, EPTT.LK Vehicle Rental Platform