Tailwind Resources Logo Tailwind Resources
Portfolio screenshot

Portfolio

Author Avatar Theme by Adrianhajdin
Updated: 29 Oct 2024
3319 Stars

Modern & Minimal JS Mastery Portfolio

Github Live Preview

Categories

Nextjs React

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.