Skip to content

Latest commit

 

History

History
74 lines (46 loc) · 2.07 KB

README.md

File metadata and controls

74 lines (46 loc) · 2.07 KB
Raw

📋 Table of Contents

  1. 🤖 About
  2. ⚙️ Tech Stack
  3. 🔋 Features
  4. 🤸 Quick Start

🤖 About

A Personal Portfolio

Live Site

Personal Portfolio Personal Portfolio Personal Portfolio

⚙️ Tech Stack

  • Next.js
  • Three.js
  • Framer Motion
  • Tailwind CSS

🔋 Features

👉 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, add depth and engagement.

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

👉 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

🤸 Quick Start

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/Majd-sufian/Portfolio-v2.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.