3D Animated Portfolio

📋 Table of Contents

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

🤖 Introduction

Using TypeScript, React.js, Next.js, Three.js, GSAP, TailwindCSS, and Prismic for CMS, I've crafted a captivating experience with dynamic animations, interactive elements, and immersive 3D effects.

⚙️ Tech Stack

• React
• TypeScript
• GSAP
• Tailwind CSS
• Three.js
• Next

🔋 Features

👉 Interactive Elements: Empowers users with customizable interactive elements, encouraging engagement and interaction with the portfolio's content.

👉 Immersive 3D Effects: Provides options to adjust 3D effects, enriching the immersive experience and captivating users' attention with personalized visuals.

👉 Seamless Navigation: Ensures effortless exploration through adjustable navigation settings, facilitating smooth transitions between portfolio content.

👉 Responsive Design: Enables users to optimize the portfolio's appearance across different devices and screen sizes, maintaining consistency and accessibility.

👉 Integrated CMS: Seamlessly integrates with a customizable headless CMS, simplifying content management and empowering users with efficient updates.

👉 Optimized Performance: Offers customizable performance settings to ensure swift loading times and seamless interaction, enhancing user satisfaction.

🤸 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:

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

Cloning the Repository

<<<<<<< HEAD
git clone git@github.com:Akashh141/
=======
git clone git@github.com:Akashh141/Portfolio.git
>>>>>>> e673bb72f22f5ce655c14b13ee576d572f7a1c86

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.

License

The module is available as open source under the terms of the MIT License.