Software Developer

Creative Designer

Agile Learner

Bring Concepts into Reality

Having recently graduated from university, I am on a mission to craft innovative solutions at the intersection of technology and design. With a keen eye for detail and a relentless pursuit of excellence, I am passionate about pushing boundaries and continuously learning to shape the future of the digital landscape. Together, let's innovate and create something truly remarkable.

Tech Stack

Dive into the array of technologies that power my projects. From front-end frameworks to back-end engines, each tool is wielded with expertise and precision. Here's where art meets function in the world of code.

JavaScript

TypeScript

CSS

HTML

Java

Spring Boot

React

Next.js

Tailwind CSS

Redux

node.js

PostgreSQL

Prisma

Docker

AWS

Postman

Git

Jenkins

Python

JavaScript

TypeScript

CSS

HTML

Java

Spring Boot

React

Next.js

Tailwind CSS

Redux

node.js

PostgreSQL

Prisma

Docker

AWS

Postman

Git

Jenkins

Python

Projects

OrderHere Online Ordering Platform

Project Design and User Experience: Led the project design phase, meticulously crafting user flows and stories to align with our strategic vision for an intuitive and efficient online ordering platform. Designed a robust user database, integrating Postgres within a Docker environment for enhanced scalability and reliability.
Backend Development: Developed and implemented a secure backend infrastructure using Java Spring Boot and Spring Security, including the creation of user login and CRUD APIs. Established JWT authentication processes to safeguard user interactions and resolved CORS issues to ensure smooth frontend-backend communication.
ORM and Database Integration: Configured a JPA model ORM for efficient data handling and interaction between the application layer and the Postgres database, optimizing data storage and retrieval processes.
Authentication and Authorization: Engineered a comprehensive authentication and authorization framework to differentiate user roles, granting tailored access to APIs based on user permissions. This included implementing OAuth integration for Google and Facebook logins, alongside traditional credential-based authentication.
Frontend Implementation: Executed the frontend development with a focus on UI/UX design, creating engaging login interfaces with popup modals and loading animations using axios for data fetching. Ensured robust session management to validate user login states, enhancing security and user experience.
API Documentation and Code Quality: Implemented Swagger UI for clear and interactive API documentation, facilitating easier integration and usage by developers. Integrated SonarLint into the backend development process for autonomous code formatting, contributing to higher code quality and maintainability.

Github Repo:

Live Demo:

Group Chat Helper: Telegram Bot

Codebase Refactoring: Undertook a comprehensive refactoring of the existing hard-coded codebase to modularize components, improve code readability, and enhance future maintainability.
Authentication System Overhaul: Re-implemented the authentication system utilizing Next.auth to streamline user login processes and enhance security measures.
Configuration Management: Developed a dynamic key-value pair configuration table within the database to support flexible service customization by administrators, enabling a more adaptable application environment.
User Interface Development: Leveraged Material UI and React Hooks to design and implement complex forms for user interaction, including features for inline editing, adding new rows, inline deletion, and comprehensive form validation.
Database Integration and Error Handling: Enhanced database interaction with updated CRUD operations, incorporated robust error handling mechanisms to improve user feedback and system reliability during data submission and retrieval processes.
Service Customization: Enabled users to modify configuration settings for various services directly through the user interface, ensuring a tailored experience that meets the diverse needs of different user groups.

Github Repo:

Live Demo:

CryptoData Market: Visualization and Caching Layer

Codebase Refactoring: Undertook a comprehensive refactoring of the existing hard-coded codebase to modularize components, improve code readability, and enhance future maintainability.
Authentication System Overhaul: Re-implemented the authentication system utilizing Next.auth to streamline user login processes and enhance security measures.
Configuration Management: Developed a dynamic key-value pair configuration table within the database to support flexible service customization by administrators, enabling a more adaptable application environment.
User Interface Development: Leveraged Material UI and React Hooks to design and implement complex forms for user interaction, including features for inline editing, adding new rows, inline deletion, and comprehensive form validation.
Database Integration and Error Handling: Enhanced database interaction with updated CRUD operations, incorporated robust error handling mechanisms to improve user feedback and system reliability during data submission and retrieval processes.
Service Customization: Enabled users to modify configuration settings for various services directly through the user interface, ensuring a tailored experience that meets the diverse needs of different user groups.

Github Repo:

Live Demo:

Next IDO

Leveraged Storyblok CMS to integrate front-end development with CMS systems, enabling dynamic content management within Next.js/React applications.
Engineered complex React components adhering to the Single Responsibility Principle to ensure code robustness and reusability.
Led the front-end team in collaboration with UI/UX designers to seamlessly implement the product vision, ensuring high-quality user experiences.
Conducted thorough code reviews to identify and advocate for best practices, prevent common bugs, and pinpoint potential issues, contributing to the overall code quality and team development.

Github Repo:

Live Demo:

Reverse Engineer: Elyssa.io & AIGC.io

Successfully reverse-engineered and rebuilt the Elyssa.io and AIGC.io websites using Next.js and Tailwind CSS, enhancing site performance and maintainability.
Integrated third-party NPM packages, such as AOS (Animate On Scroll), to implement sophisticated on-scroll animations, improving user engagement.
Demonstrated in-depth understanding of the CSS Box Model, enabling precise layout and design implementation across different web components.
Crafted complex animations and CSS styles tailored for commercial websites, elevating the visual appeal and interactivity of the user interface.

Github Repo:

Live Demo:

Fetcher

Developed Fetcher, a Git CLI tool in Go, enabling automated fetching of repositories from remote sources on a scheduled basis, enhancing workflow efficiency.
Acquired proficiency in Go programming language, focusing on application structure and syntax best practices for building scalable and maintainable software.
Gained in-depth understanding of Git internals and operations, strengthening version control management skills and enhancing project collaboration capabilities.
Advanced knowledge in error handling techniques in Go, emphasizing robustness and reliability through critical thinking and meticulous consideration of edge cases.

Github Repo:

Live Demo:

Concurrency Scheduler and Memory Allocator

Designed and implemented a Concurrency Scheduler in C, utilizing four distinct algorithms to manage process scheduling on a single-threaded CPU, maximizing parallel execution capabilities.
Developed efficient memory management strategies for process and batch task allocation within the scheduler, ensuring optimal use of resources and freeing memory post-execution.
Simulated Virtual Memory mechanisms to enhance the scheduler's performance and reliability, demonstrating a deep understanding of low-level system operations and memory handling.

Github Repo:

Live Demo:

Dungeon World: Maze Game

Developed a maze game in Java, leveraging a simple third-party library and adhering strictly to Object-Oriented Programming principles such as inheritance, encapsulation, and abstraction.
Utilized design patterns such as Factory and Singleton to architect the game, ensuring modular, extensible, and maintainable code.
Implemented the Depth-First Search (DFS) algorithm to generate unique mazes with a single entrance and exit, enhancing game challenge and player engagement.

Github Repo:

Live Demo:

Current Learning Plan

Continuous Learning and make exiciting projects

“I am excited to expand my tech stack by diving deeper into Golang, a language I've always been enthusiastic about learning. My goal is to explore how Go's concurrency model can enhance web application performance and to understand the real-world impact of Go projects on practical applications.”

@golang

“I aim to master my JavaScript skills, recognizing its status as the most frequently used language in my daily work. By deepening my expertise in UI libraries like React and exploring React frameworks, I intend to significantly increase my work efficiency and enhance my web development capabilities.”

JavaScript

@javaScript

“I plan to enhance my understanding of common data structures and delve deeper into specific algorithms, with a particular focus on mastering the Tree-related algorithm to improve my problem-solving and programming efficiency.”

Algorithms

@algorithms

“committed to learning C# and the .NET framework to adapt to the most popular tech stack currently in Australia, aiming to stay at the forefront of technological advancements and industry standards.”

C# && .NET

@dotnet

“My learning goal for Java in 2024 is to deepen my understanding of Spring and Spring Boot development, focusing on solving more complex problems and engaging in commercial projects to enhance my expertise in real-world applications.”

Java

@java