https://github.com/kamal9580/kamal-portfolio

a portfolio website using the mentioned tech stack: Next.js, Three.js, Framer Motion, and Tailwind CSS.
https://github.com/kamal9580/kamal-portfolio

acertinityui framer-motion nextjs reactjs sentry tailwind three-js typescript

Last synced: 7 days ago
JSON representation

a portfolio website using the mentioned tech stack: Next.js, Three.js, Framer Motion, and Tailwind CSS.

• Host: GitHub
• URL: https://github.com/kamal9580/kamal-portfolio
• Owner: kamal9580
• Created: 2024-07-20T19:05:08.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-08-31T08:28:55.000Z (about 1 month ago)
• Last Synced: 2024-09-25T06:03:50.940Z (10 days ago)
• Topics: acertinityui, framer-motion, nextjs, reactjs, sentry, tailwind, three-js, typescript
• Language: TypeScript
• Homepage: https://kamal-portfolio-delta.vercel.app
• Size: 19.2 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Portfolio Website

![Screenshot 2024-07-22 152235](https://github.com/user-attachments/assets/db2d2d97-6685-492c-8107-a8be9c78d392)

![Screenshot 2024-07-21 154329](https://github.com/user-attachments/assets/13ccfa23-d5bb-4779-8f5a-920cea3bd775)

![Screenshot 2024-07-21 154342](https://github.com/user-attachments/assets/10f0ef40-39af-4ce8-9701-2f05c990a398)

  


    

    

    

    

  


  
A Modern Next.js Portfolio


A portfolio website using the mentioned tech stack: Next.js, Three.js, Framer Motion, and Tailwind CSS.

## 🤖 Introduction

Built with Next.js for handling the user interface, Three.js for rendering 3D elements, Framer motion for beautiful animations, and styled with TailwindCSS.

## ⚙️ Tech Stack

- Next.js

- Three.js

- Framer Motion

- Tailwind CSS

## 🔋 Features

👉 **Hero**: Captivating introduction featuring a spotlight effect and dynamic background.

👉 **Bento Grid**: Modern layout presenting personal information using cutting-edge CSS design techniques.

👉 **3D Elements**:  Interactive 3D design elements, such as a GitHub-style globe and card hover effects, adding depth and engagement.

👉 **Testimonials**: Dynamic testimonials area with scrolling or animated content for enhanced engagement.

👉 **Work Experience**: Prominent display of professional background for emphasis and credibility.

👉 **Canvas Effect**: Innovative use of HTML5 canvas to create visually striking effects in the "approaches" section.

👉 **Responsiveness**: Seamless adaptability across all devices, ensuring optimal viewing experience for every user.

and many more, including code architecture and reusability