Overview

This repository contains a portfolio template built with Next.js, Three.js, Framer Motion, and styled with Tailwind CSS. It showcases the developer’s skills using cutting-edge design techniques and interactive elements. The portfolio offers a unique and engaging user experience and is accompanied by a tutorial on JavaScript Mastery’s YouTube channel.

Features

• Hero: Captivating introduction with a spotlight effect and dynamic background.
• Bento Grid: Modern layout for presenting personal information using cutting-edge CSS design.
• 3D Elements: Interactive 3D design elements like a GitHub-style globe and card hover effects for engagement.
• Testimonials: Dynamic area for testimonials with scrolling or animated content.
• Work Experience: Prominent display of professional background for emphasis and credibility.
• Canvas Effect: Innovative use of HTML5 canvas for visually striking effects.
• Responsiveness: Seamless adaptability across all devices for optimal viewing experience.

Installation

Prerequisites

Make sure you have the following installed on your machine:

• Git
• Node.js
• npm (Node Package Manager)

Cloning the Repository

Use the following command to clone the repository:

git clone <repository-url>

Installation

Install the project dependencies using npm:

npm install

Running the Project

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

Summary

The portfolio template is a showcase of advanced design techniques and interactive elements for creating a unique user experience. Built with a stack of Next.js, Three.js, Framer Motion, and Tailwind CSS, it offers a captivating introduction, modern layout, 3D elements, dynamic testimonials, and more. With a focus on responsiveness and user engagement, this template is a versatile resource for developers looking to create impactful portfolios.