Recently AddedProject 1. nextjs page
FULLSTACK

Next.js Personal Portfolio Website

This is my personal portfolio website built with Next.js, React, and Tailwind CSS. It showcases my projects and skills through a clean, modern, and responsive design that I developed myself.

Next.jsReact.jsNode.jsTailwindcssReact Icons

Recently AddedProject 1. nextjs page
FULLSTACK

Supabase + React CRUD Process

This project is a simple starter application built with React and Supabase. It demonstrates basic CRUD (Create, Read, Update, Delete) operations using Supabase as the backend.

ReactSupabaseNode.jsTailwindcss

Recently AddedProject 1. nextjs page
CHATBOT

AI ChatBot

This project is a simple ChatBot application developed using Google’s Gemini API services. It runs on Gemini’s free AI models and is designed to answer users’ basic questions.

ReactFirebaseNode.jsTailwindcssReact Icons

Recently AddedProject 1. nextjs page
WEB TEMPLATE

React Corporate website template

This project is a corporate web design template built with React, leveraging JavaScript and CSS to deliver a clean, professional layout. The structure is organized via public and src directories, offering a straightforward foundation for business-oriented web pages. Although it is not a fully finished project yet, I keep updating the remaining parts from time to time 🙂

ReactNode.jsCSSReact IconsSwiper Slide

Recently AddedProject 1. nextjs page
HMI

React HMI with ADS Client Library

This project showcases an example of a TwinCAT Human Machine Interface (HMI), developed with React and Node.js. The goal of the project is to capture the virtual values generated by a pressure simulation code written in TwinCAT through a Node.js server using the ADS protocol, and then visualize these real-time data on a React-based application interface with graphical representations. This demonstrates how industrial data can be monitored in real time through a modern and user-friendly solution.

ReactSocket.ioTwincatHMINode.jsExpress.jsADS ClientChart.js