Giter VIP home page Giter VIP logo
Shahram Shakiba photo

shahramshakiba Goto Github PK

followers: 213.0 following: 180.0 repos: 50.0 gists: 0.0

Name: Shahram Shakiba

Type: User

Company: Professional Development

Bio: 3D Web Developer & 3D Artist, Frontend Developer (Blender, Three.js, GLSL, WebGL, GSAP)

Twitter: ShahramShakibaa

Location: ๐—ฆ๐—ผ๐—บ๐—ฒ๐˜„๐—ต๐—ฒ๐—ฟ๐—ฒ ๐—จ๐—ป๐—ฑ๐—ฒ๐—ฟ ๐—ฆ๐—ธ๐˜† โ˜๏ธ

Blog: https://shahram-shakiba.vercel.app/

perfect night

๐‘ฏ๐’†๐’š ๐’•๐’‰๐’†๐’“๐’† Waving Hand Medium Skin Tone ๐‘ฐ a๐’Ž ๐‘บ๐’‰๐’‚๐’‰๐’“๐’‚๐’Ž


LinkedIn logo ย  ย  Twitter logo ย  ย  WhatsApp logo ย  ย  Telegram logo ย  ย  discord logo

man with laptop Get to Know Me

As a visionary 3D Web Developer and 3D Artist, my curious mind leverages tools like Blender, and frameworks like Three.js , WebGL , GLSL(OpenGL Shading Language) , GSAP Animations, React.js, Next.js, and Tailwind CSS, empowering me to not just create captivating and interactive web applications but also greatly enhance user engagement, leaving them impressed and eager to explore further.

By leveraging this powerful tool, I can take functionality to unprecedented levels, ensuring a seamless and enjoyable user experience.

My goal is to continuously learn and grow in my field, staying up-to-date with the latest tools, technologies, and industry trends.

I work well in a collaborative team environment and am fully committed to delivering high-quality projects on time, ensuring every detail is meticulously taken care of. hand shacking

๐Ÿงฉ My motto is: the tougher the challenge in learning, the more valuable the knowledge gained.

๐Ÿงท ย  My Resume


coffee ย  I program with

html5 logo css3 logo javascript logo tailwindcss logo react logo vite logo nextjs logo

gsap logo threejs logo WebGL logo GLSL logo

Bubbles ย  I Design Using

blender logo ย 

Bubbles ย  Experienced in leveraging

redux logo react router logo OOP logo
git logo github logo vscode logo adobephotoshop logo figma logo xd logo
netlify logo mongodb logo firebase logo Vercel logo



๐Ÿ”ฎ ย  Recent developments

Coffee Smoke | Shaders
Codebase ย ย  Live

Coffee_Smoke.mp4

Raging Sea | Shaders & Particles
Codebase ย ย  Live

Sea.mp4

WebGLFox | Object-Oriented Programming
Codebase ย ย  Live

WebGLFox_2.mp4

Portfolio | Scroll-Based Animation
Codebase ย ย  Live

portfolio-G.mp4

Haunted House | Primitive Objects
Codebase ย ย  Live

HauntedHouse-GitHub.mp4



Blender Creations! ๐ŸŽจ

  • Dive deeper into my creative journey by visiting my repository where I showcase all my Blender masterpieces. ๐ŸŒŸ

Blender | Planet & Rocket
Image

P.R.mp4




Canoe ย  Activity Data

๐Ÿ›ธ ย  Activity Graph

ShahramShakiba Activities

trophy graph


dino



Shahram Shakiba's Projects

3d-text-p02 icon 3d-text-p02

3D Text โž|โž A cool "3D Text" pop right in the center of the scene, with a bunch of donut-shaped "floating objects" all around it โž|โž โšชThree.js

animated-galaxy-p19 icon animated-galaxy-p19

Curious about crafting the universe? Imagine shaping the cosmos at your fingertips! This project invites you to simulate an awe-inspiring galaxy. โž|โž โšชThree.js ๐Ÿ”ตGLSL

apple-inspired icon apple-inspired

๐Ÿšง Under Maintenance | Design a sleek 3D website with impressive animations and high-quality 3D models to emulate Apple's style (โšชThree.js,๐ŸŸขGSAP,๐Ÿ”ตReact.js,๐ŸŸฃTailwind CSS)

bank-landing-page icon bank-landing-page

The Landing-Page Project is designed to provide an improved user experience through a responsive, clean, and uncomplicated design (Tailwindcss๐ŸŸฃ)

blender-collection icon blender-collection

๐ŸŽจ A vivid showcase of my Blender creations, 3D Modelling and Animations where each image unfolds a story of unparalleled creativity and mastery! โž|โž ๐Ÿ”ถ Blender

coffee-smoke-p21 icon coffee-smoke-p21

Imagine a cozy scene with a steaming cup of coffee, where gentle smoke rises and swirls in the air. โž|โž โšชThree.js ๐Ÿ”ตGLSL

environmentmap-p13 icon environmentmap-p13

Environment map is a texture that simulates the surrounding environment and is used to create realistic reflections and lighting on 3D objects. โž|โž โšชThree.js

floating-island-3d icon floating-island-3d

Picture this: you have the power to navigate a breathtaking floating island in a mesmerizing 3D environment (โšชThree.js,๐Ÿ”ตReact.js,๐ŸŸฃTailwind CSS)

food-order-app icon food-order-app

Food Order Application | I explored various topics such as Components, State Management, Context API, Side Effects, Handling HTTP Requests, and More (๐Ÿ”ตReact.js).

framer-motion-basic icon framer-motion-basic

Framer Motion | My primary objective is on utilizing "Framer Motion" to animate React Apps effectively, enhancing user engagement and interactivity on the website (๐ŸŸฃFramer Motion)

galaxygenerator-p07 icon galaxygenerator-p07

Galaxy Generator โž|โž This project is a Galaxy Generator that leverages the magic of particle manipulation! โž|โž โšชThree.js

gsap-crash-course icon gsap-crash-course

It is crucial to grasp that the project serves as a brief demonstration of the power of GSAP (๐ŸŸขGSAP)

hamburger-blender-p12 icon hamburger-blender-p12

Custom Hamburger โž|โž During this stage, I aim to create a personalized hamburger with Blender, export it, and incorporate it into three.js scene. โž|โž โšชThree.js ๐ŸŸ Blender

hauntedhouse-p05 icon hauntedhouse-p05

Primitive Objects โž|โž Enter the mysterious world of a haunted house, where each flickering light reveals the haunting stories of the restless spirits that reside there โž|โž โšชThree.js

hologram_p22 icon hologram_p22

๐Ÿšง Under Maintenance โž|โž โšชThree.js ๐Ÿ”ตGLSL

homesmart-landing-page icon homesmart-landing-page

The Landing-Page Project is designed to provide an improved user experience through a responsive, clean, and uncomplicated design (Tailwindcss๐ŸŸฃ)

inventory-app icon inventory-app

A software designed to help businesses or individuals manage their inventory of products (JavaScript๐ŸŸก, Tailwindcss๐ŸŸฃ).

javascript-work-showcase icon javascript-work-showcase

JavaScript-Work-Showcase | My main goal is to learn and apply JavaScript concepts to enhance my development skills and showcase my growth as a developer. (๐ŸŸกJavaScript)

lights-p03 icon lights-p03

Lights โž|โž If you're curious about how "Light" works in a 3D environment, check out my repo. You'll get to play around in a cool 3D space and learn all about different types of lights โž|โž โšชThree.js

modal icon modal

Using HTML, CSS, JavaScript โœ–

models-p10 icon models-p10

Importing Models โž|โž Models are representations of 3D objects, like complex shapes, characters, vehicles, environments, or any other objects you might want to include in a 3D scene. โž|โž โšชThree.js

modified-materials-p20 icon modified-materials-p20

Want to add impressive animations to your 3D models without starting from scratch? This project will show you how to enhance your materials easily and enjoyably. โž|โž โšชThree.js ๐Ÿ”ตGLSL

nextjs-basic icon nextjs-basic

NextJS Basic Course | My primary objective is to provide an overview of the core features of NextJS, demonstrating how it streamlines the process of building React Apps (โšซNext.js).

nextjs-foodlovers icon nextjs-foodlovers

This platform will allow users to browse meals and share meals with other community members (โšซ Next.js).

particles-p06 icon particles-p06

Particles โž|โž Particles are small, individual elements that can be used to create effects like smoke, fire, rain, snow, stars, dust and etc... โž|โž โšชThree.js

physics-p09 icon physics-p09

Physics โž|โž Physics simulation offers realistic effects, dynamic environments where objects interact with each other and respond to user actions and more... โž|โž โšชThree.js

raging-sea-simulation-p18 icon raging-sea-simulation-p18

This project simulates a raging sea using custom Shaders and Three.js โž|โž โšชThree.js ๐Ÿ”ตGLSL

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.