Shaders

You can view my CV here: Curriculum VITAE❗️

You can view my Portfolio here: My Portfolio❗️

⚡ Shaders is a research platform for exploring the capabilities of modern GPU graphics, shaders, and parallel computing with WebGPU. 🎨

🧠 Each module explores a distinct area — from Vertex and Fragment Shaders to GPGPU, Raymarching, and TSL Instancing — gradually revealing the architecture of the modern graphics pipeline. 🔧

🛠️ Technologies:
🔹 React ⚛️ — modern UI development.
🔹 Three.js 🌌 — 3D graphics and visualization in the browser.
🔹 React Three Fiber 🖼️ — React renderer for Three.js.
🔹 React Three Drei 📦 — essential helpers and abstractions for R3F.
🔹 Three.js Shading Language (TSL) 🧪 — node-based shader development for WebGL/WebGPU.
🔹 Redux Toolkit 🎯 — efficient and scalable state management.
🔹 React Router 🧭 — seamless navigation between apps.
🔹 React i18next 🌍 — multilingual support (EN, ES, UK).
🔸 JavaScript (ESNext) 💡 — dynamic, maintainable code.
🔸 SASS / SCSS 🎨 — modular and elegant styling.
🔸 Flexbox & CSS Grid 🧩 — responsive and flexible layouts.
🔸 Vite ⚡ — lightning-fast builds and dev server.
🔸 PWA (Progressive Web App) 📱 — offline support and enhanced performance.
🔸 Google Analytics & Search Console 📊 — integrated monitoring and analytics.
🔸 Open Graph, Favicon, Sitemap, Robots.txt 🔍 — full SEO toolkit.
🔸 Markdown 📝 — clean documentation and formatting.

🚀 The project showcases technologies that form the foundation of high-performance interactive web applications and can be used to build next-generation commercial graphics systems. 🌐

Project setup (install dependencies)

npm install

Compiles and hot-reloads for development

npm run dev

Compiles and minifies for production

npm run build