Designing the difference

Crafting difference in every detail. Designing with care in every line.

Building from the ground up: Full-Stack Development

I built this portfolio site from scratch, utilizing a full-stack approach. From setting up the server environment with Linux and Docker to developing the front-end with React and Next.js. Additionally, all background images were created by me using Blender, adding a unique, personalized touch to the design. This project allowed me to expand my web development skills and apply best practices for both server-side and client-side development.

Background Artwork: 'Heavens' by Stanisgrox
Explore my work on ArtStation

Tech Stack

Stanisgrox.com Technological Stack DiagramA diagram representing the technological stack using a tree layout, showcasing connections between technologies such as TypeScript, Node.js, Next.js, React, Tailwind CSS, and more.
LANGUAGEBACKENDFRONTENDTypeScriptBackend JavaScript runtimeNodeFast cache databaseRedisReact-based JavaScript frameworkNext.jsFront-end libraryReact3D graphics libraryThree.jsCSS in HTML frameworkTailwind CSSSQL based databasePostgreSQL

Recent projects

PBR Texture Packer

PBR Texture Packer is a lightweight tool designed for game developers and 3D artists. It helps pack monochrome images derived from PBR (Physically Based Rendering) materials into a single image, optimizing them for 3D rendering software. The tool supports drag-and-drop functionality for easy file management and outputs combined textures that can be used in 2D/3D applications with RGB channel separation.

Key Features:

  • Combine 1-4 monochrome images into a single texture (e.g., Roughness, AO, Metallic).
  • Outputs are compatible with 2D/3D rendering tools like Blender, Unity, and Unreal Engine.
  • Saves GPU memory and reduces asset clutter.
  • Supports output resolutions up to 8K and beyond but may cause lag at larger resolutions.

Key technologies:

  • Electron
  • Multithreading
  • Image processing

Project link

PBR Texture Packer image