Skip to content

Hassen-Ahmed/portfolio3d

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

3D Portfolio

A unique and interactive 3D portfolio built with Three.js to showcase my skills, projects, and experience as a full-stack web developer.

Live Demo

Overview

This portfolio takes a departure from traditional flat websites, offering a visually engaging and immersive experience. Navigate through floating islands representing different sections of my portfolio:

  • About: Learn more about my background and skills.
  • Skills: Explore my technical proficiencies.
  • Projects: Discover a selection of my recent projects.
  • Contact: Get in touch with me.

The 3D environment is rendered using Three.js, a powerful JavaScript library for creating and displaying animated 3D graphics in web browsers.

Technologies Used

  • Three.js: A JavaScript library for creating 3D graphics in the browser.
  • Blender 3D: for modeling 3D objects.
  • GSAP: To create cool animations.
  • HTML: For structuring the web page.
  • Sass/SCSS: For styling the elements and the 3D scene container.
  • Git + GitHub: for version control and repository (easy for hosting and working with in different environments).
  • Netlify: For hosting the live demo.

Features

  • Interactive 3D Environment: Explore a visually captivating scene with floating islands.
  • Smooth Navigation: Transition seamlessly between different sections of the portfolio by moving through the 3D space.
  • Project Showcase: View my projects presented within the 3D world.
  • Clear Information: Access concise details about my skills, experience, and how to contact me.
  • Responsive Design (Work in Progress): Basic responsiveness for different screen sizes (further improvements planned).

About

Link

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published