Skip to content

mohsn-mirzaei/minimal-portfolio

 
 

Repository files navigation

<div align="center">


Project Banner

See Live

nextdotjs framer three.js tailwindcss
  • Next.js

  • Three.js

  • Framer Motion

  • Tailwind CSS

👉 Hero: Captivating introduction featuring a spotlight effect and dynamic background.

👉 Bento Grid: Modern layout presenting personal information using cutting-edge CSS design techniques.

👉 3D Elements: Interactive 3D design elements, such as a GitHub-style globe and card hover effects, adding depth and engagement.

👉 Testimonials: Dynamic testimonials area with scrolling or animated content for enhanced engagement.

👉 Work Experience: Prominent display of professional background for emphasis and credibility.

👉 Canvas Effect: Innovative use of HTML5 canvas to create visually striking effects in the "approaches" section.

👉 Responsiveness: Seamless adaptability across all devices, ensuring optimal viewing experience for every user.

and many more, including code architecture and reusability

Follow these steps to set up the project locally on your machine.

Prerequisites

Make sure you have the following installed on your machine:

Cloning the Repository

git  clone  https://github.com/adrianhajdin/portfolio.git

cd  portfolio

Installation

Install the project dependencies using npm:

npm  install

Running the Project

npm  run  dev

Open http://localhost:3000 in your browser to view the project.

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 98.2%
  • CSS 1.6%
  • JavaScript 0.2%