https://github.com/aroradev1010/interactive-imprint

Explore an electrifying showcase of creativity with our vibrant and dynamic portfolio. Immerse yourself in a visually captivating experience, where a striking blue backdrop sets the stage for mesmerizing 3D elements. Each detail is meticulously crafted to create an engaging and immersive journey through our most compelling work.
https://github.com/aroradev1010/interactive-imprint

react reactparticles swiper-slider tailwind

Last synced: 26 days ago
JSON representation

Explore an electrifying showcase of creativity with our vibrant and dynamic portfolio. Immerse yourself in a visually captivating experience, where a striking blue backdrop sets the stage for mesmerizing 3D elements. Each detail is meticulously crafted to create an engaging and immersive journey through our most compelling work.

• Host: GitHub
• URL: https://github.com/aroradev1010/interactive-imprint
• Owner: aroradev1010
• Created: 2024-09-12T04:15:23.000Z (about 2 months ago)
• Default Branch: main
• Last Pushed: 2024-09-14T09:18:16.000Z (about 2 months ago)
• Last Synced: 2024-10-13T00:22:02.670Z (26 days ago)
• Topics: react, reactparticles, swiper-slider, tailwind
• Language: JavaScript
• Homepage: https://interactive-portfolio-gules.vercel.app
• Size: 58.3 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  


    

      

    

  


  


    

    

  


  
A 3D Dev Portfolio



## 📋 Table of Contents

1. 🤖 [Introduction](#introduction)

2. ⚙️ [Tech Stack](#tech-stack)

3. 🔋 [Features](#features)

4. 🤸 [Quick Start](#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](https://git-scm.com/)

- [Node.js](https://nodejs.org/en)

- [npm](https://www.npmjs.com/) (Node Package Manager)

**Cloning the Repository**

```bash

git clone https://github.com/aroradev1010/TeeCraft.git

cd threejscc-portfolio

```

**Installation**

Install the project dependencies using npm:

```bash

npm install

```

**Running the Project**

```bash

npm run dev

```

Open [http://localhost:5173](http://localhost:5173) in your browser to view the project.