Projects in Awesome Lists by ShahramShakiba

https://github.com/shahramshakiba/shahramshakiba

My Profile ⁞|⁞ 3D Frontend Developer, Three.js, WebGL, GLSL, GSAP Animations

3d developer front-end-development glsl-shaders gsap-animation threejs webgl

Last synced: 16 Nov 2024

https://github.com/shahramshakiba/shader-patterns-p17

Shader Patterns ⁞|⁞ Shader patterns are techniques used in computer graphics to create visual effects on 3D models. ⁞|⁞ ⚪Three.js 🔵GLSL

Last synced: 16 Nov 2024

https://github.com/shahramshakiba/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

3d-art 3d-modelling animation blender

Last synced: 16 Nov 2024

https://github.com/shahramshakiba/javascript-work-showcase

🟡 JavaScript-Work-Showcase | Your time and consideration in reviewing my work are greatly appreciated. Please feel free to explore and share your thoughts (JavaScript🟡)

html-css javascript portfolio work-showcase

Last synced: 16 Nov 2024

https://github.com/shahramshakiba/shopping-cart

The focus is on the product page and adding or removing items from the shopping cart (JavaScript🟡).

html-css-javascript shopping-cart

Last synced: 16 Nov 2024

https://github.com/shahramshakiba/inventory-app

A software designed to help businesses or individuals manage their inventory of products (JavaScript🟡, Tailwindcss🟣).

inventory inventory-management tailwind-css

Last synced: 16 Nov 2024

https://github.com/shahramshakiba/threejs-basic

Analyzing the key features of Three.js and demonstrate its effectiveness in streamlining the creation of "3D Solar System" simulations and other Applications(⚪THREE.JS)

three-js threejs-journey

Last synced: 16 Nov 2024

https://github.com/shahramshakiba/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

coffee-smoke glsl-shaders three-js

Last synced: 11 Oct 2024

https://github.com/shahramshakiba/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

animated-galaxy glsl shaders three-js

Last synced: 11 Oct 2024

https://github.com/shahramshakiba/everydaythings-web

Designing a Responsive Web that will respond to various screen sizes, providing an optimal design and reading experience for your visitors. ✖

css html responsive-design user-friendly-website

Last synced: 16 Nov 2024

https://github.com/shahramshakiba/todo-list

A software application designed to track a list of tasks or activities that need to be completed (JavaScript🟡).

javascript todo-app todo-list todolist

Last synced: 16 Nov 2024

https://github.com/shahramshakiba/note-app

A software application designed to create, organize, and manage Notes or pieces of information (React.js🔵)

notes-app react-learning-project reactjs

Last synced: 16 Nov 2024

https://github.com/shahramshakiba/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)

3d-website my-portfolio portfolio

Last synced: 16 Nov 2024

https://github.com/shahramshakiba/reactjs-basic-course

🔵ReactJS Basic Course | Your time and consideration in reviewing my work are greatly appreciated. Please feel free to explore and share your thoughts (🔵ReactJS)

coding-style reactjs

Last synced: 16 Nov 2024

https://github.com/shahramshakiba/blog-website

🚧 Under Maintenance

react

Last synced: 16 Nov 2024

https://github.com/shahramshakiba/counter-app

Using HTML, CSS, JavaScript ✖

counter counter-app

Last synced: 16 Nov 2024

https://github.com/shahramshakiba/galaxygenerator-p07

Galaxy Generator ⁞|⁞ This project is a Galaxy Generator that leverages the magic of particle manipulation! ⁞|⁞ ⚪Three.js

galaxy-project particles threejs

Last synced: 16 Nov 2024

https://github.com/shahramshakiba/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

haunted-house threejs

Last synced: 16 Nov 2024

https://github.com/shahramshakiba/scrollbased-animation-p08

Portfolio ⁞|⁞ Scroll-based animation can truly elevate a website's user experience by adding dynamic elements that engage and delight visitors. ⁞|⁞ ⚪Three.js, 🟢GSAP

gsap portfolio threejs

Last synced: 16 Nov 2024

https://github.com/shahramshakiba/shader-flag-p16

A shader is a program written in GLSL that runs on the GPU to determine how 3D objects are rendered on the screen. ⁞|⁞ ⚪Three.js 🔵GLSL

glslang shaders three-js

Last synced: 11 Oct 2024

https://github.com/shahramshakiba/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

particles threejs

Last synced: 16 Nov 2024

https://github.com/shahramshakiba/shadows-p04

Shadows ⁞|⁞ If you're interested in delving into the magic of "Shadows" in a 3D setting, feel free to explore my repository ⁞|⁞ ⚪Three.js

shadows threejs

Last synced: 16 Nov 2024

https://github.com/shahramshakiba/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

lights threejs

Last synced: 16 Nov 2024

https://github.com/shahramshakiba/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

3d-text threejs webgl

Last synced: 16 Nov 2024

https://github.com/shahramshakiba/threejs-portfolio

🚧 Under Maintenance | (⚪THREE.JS)

threejs

Last synced: 16 Nov 2024

https://github.com/shahramshakiba/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

blender model three-js

Last synced: 11 Oct 2024

https://github.com/shahramshakiba/reactjs-work-showcase

🚧 Under Maintenance | 🔵ReactJS Work Showcase

reactjs

Last synced: 16 Nov 2024

https://github.com/shahramshakiba/noteapp

Using HTML, CSS, JavaScript ✖

html-css-javascript notes-app

Last synced: 16 Nov 2024

https://github.com/shahramshakiba/modal

Using HTML, CSS, JavaScript ✖

html-css-javascript modal

Last synced: 16 Nov 2024

https://github.com/shahramshakiba/nextjs-foodlovers

This platform will allow users to browse meals and share meals with other community members (⚫ NextJS)

food-app nextjs14

Last synced: 16 Nov 2024

https://github.com/shahramshakiba/environmentmap-p13

Environment Map ⁞|⁞ Environment map is a texture that simulates the surrounding environment and is used to create realistic reflections and lighting on 3D objects. ⁞|⁞ ⚪Three.js

environment environment-mapping threejs

Last synced: 16 Nov 2024

https://github.com/shahramshakiba/testing-reactjs-apps-basic

Unit Tests ⚙️ | I aim to thoroughly test "fundamental concepts" in React applications to guarantee their functionality, performance, and dependability as the main goal of this project.

testing-library-react testing-react-apps

Last synced: 16 Nov 2024

https://github.com/shahramshakiba/food-order-app

Food Order Application | I explored various topics such as Components, State Management, Context API, Side Effects, Handling HTTP Requests, and More (🔵ReactJS)

food-ordering http-requests react-project

Last synced: 16 Nov 2024

https://github.com/shahramshakiba/nextjs-advanced

This platform will allow users to both list their rental properties and search for rental properties with ease and efficiency (⚫NextJS)

nextjs14

Last synced: 16 Nov 2024

https://github.com/shahramshakiba/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 (⚫ NextJS)

basics nextjs nextjs-starter

Last synced: 16 Nov 2024

https://github.com/shahramshakiba/reactjs-redux

Redux | For this repository, my goal is on managing App-Wide State with Redux. (🔵ReactJS)

react redux redux-toolkit thunk-reactjs

Last synced: 16 Nov 2024

https://github.com/shahramshakiba/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)

animations-css framer-motion

Last synced: 16 Nov 2024

https://github.com/shahramshakiba/homesmart-landing-page

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

clean-code responsive-design tailwindcss

Last synced: 16 Nov 2024

https://github.com/shahramshakiba/passenger-counter

A counter application

Last synced: 16 Nov 2024

https://github.com/shahramshakiba/youtube-clone

YouTube Clone Build Using HTML, CSS

Last synced: 16 Nov 2024

https://github.com/shahramshakiba/bank-landing-page

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

landing-page tailwindcss ux-design

Last synced: 16 Nov 2024

https://github.com/shahramshakiba/reactjs-advanced-course

ReactJS Advanced Course | Your time and consideration in reviewing my work are greatly appreciated. Please feel free to explore and share your thoughts (🔵ReactJS)

advanced-programming advanced-react reactjs

Last synced: 16 Nov 2024

https://github.com/shahramshakiba/my-website

My first Portfolio website Build Using HTML, CSS

Last synced: 16 Nov 2024

https://github.com/shahramshakiba/gsap-crash-course

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

animations gsap

Last synced: 16 Nov 2024

https://github.com/shahramshakiba/raging-sea-simulation-p18

Raging Sea Simulation ⁞|⁞ This project simulates a raging sea using custom Shaders and Three.js ⁞|⁞ ⚪Three.js 🔵GLSL

glsl opengl-shading-language shaders threejs

Last synced: 16 Nov 2024

https://github.com/shahramshakiba/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

shaders shadow threejs vertex-shaders

Last synced: 16 Nov 2024

https://github.com/shahramshakiba/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

physics-simulation threejs

Last synced: 16 Nov 2024

https://github.com/shahramshakiba/realisticrenderer-p14

Realistic Renderer ⁞|⁞ A realistic renderer refers to a setup or configuration that aims to produce images and animations with a high degree of visual realism. ⁞|⁞ ⚪Three.js

realistic-render rendering threejs

Last synced: 16 Nov 2024

https://github.com/shahramshakiba/webglfox-p15

Object-Oriented Programming ⁞|⁞ The project aims to improve code organization and readability by implementing Object-Oriented Programming through JavaScript classes and modules. ⁞|⁞ ⚪Three.js

object-oriented-programming oop-principles threejs

Last synced: 16 Nov 2024

https://github.com/shahramshakiba/threejs-journey-part01

Embarking on the exciting journey into the world of 3D development to master the art of becoming an expert 3D developer (⚪Three.js).

3d threejs

Last synced: 16 Nov 2024

https://github.com/shahramshakiba/admin-dashboard

🔵Admin Dashboard | In pursuit of this project, my primary objective entails developing an administrative dashboard that serves as a comprehensive platform for presenting vital data and insights. (🔵ReactJS)

admin-dashboard

Last synced: 16 Nov 2024

Last synced: 02 Nov 2024