Shaders

You can view my CV here: Curriculum VITAE❗️

You can view my Portfolio here: My Portfolio❗️

⚡ Shaders is an interactive environment for exploring Vertex and Fragment Shaders in real time, where code is instantly transformed into visual output. 🎨

🧠 The project combines modules for working with geometry, pixels, noise, and scene parameters, allowing flexible control over visual logic and graphical behavior 🔧

🛠️ 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.

🚀 Built on WebGPU and TSL, it serves as a tool for prototyping, experimentation, and creating visual solutions that can be applied in modern web products and commercial interfaces. 🌐

Project setup (install dependencies)

npm install

Compiles and hot-reloads for development

npm run dev

Compiles and minifies for production

npm run build