A 3D Dev Portfolio

📋 Table of Contents

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

🤖 Introduction

Explore a captivating portfolio experience where creativity meets technology. Our site features dynamic React particles that respond to your mouse movements, an engaging icon cloud powered by Magic UI, and a sleek Swiper slider showcasing our products. Enjoy smooth, responsive design across all devices and interact with our particle-enhanced contact form for a touch of fun

⚙️ Tech Stack

• Node.js
• React.js
• React Particles
• Swiper
• Vite
• Tailwind CSS

🔋 Features

👉 Dynamic React Particles on Home Page: Immerse yourself in a visually stunning experience with our home page, featuring React particles that dance and interact with your mouse movements.

👉 Interactive Icon Cloud with Magic UI: Discover our innovative icon cloud, seamlessly integrated using Magic UI. This interactive feature showcases a variety of icons in an engaging and fluid layout.

👉 Swiper Slider for Product Showcase: Explore our diverse range of products with the Swiper slider, which elegantly displays each item in a sleek, user-friendly carousel.

👉 Particle-Enhanced Interactive Contact Form: Connect with us through our uniquely interactive contact form, which incorporates a particle effect to make the experience both fun and engaging.

👉 Fully Responsive: Optimized layout ensuring a smooth experience across all devices, from desktop to mobile.

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:

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

Cloning the Repository

git clone https://github.com/aroradev1010/TeeCraft.git
cd threejscc-portfolio

Installation

Install the project dependencies using npm:

npm install

Running the Project

npm run dev

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