lebinhduyanh.github.io

🚀 My Portfolio Website

Welcome to the repository for my personal portfolio website! This is where I showcase my skills, projects, and a bit of my personality through jaw-dropping 3D animations, slick interactions, and fluid motion. If you’re into creative web design, you’re in the right place.

🔥 Features

• 3D Animations: Custom-made interactive keyboard using Spline with skills as keycaps that reveal titles and descriptions on hover.
• Slick Interactions: Powered by GSAP and Framer Motion for smooth animations on scroll, hover, and element reveal.
• Space Theme: Particles on a dark background to simulate a cosmic environment, making the experience out of this world.
• Responsive Design: Fully responsive across all devices to ensure the best user experience.
• Innovative Web Design: Combining creativity with functionality to push the boundaries of modern web design.

🛠️ Tech Stack

• Frontend: Next.js, React, Tailwind CSS, Shadcn, Aceternity UI
• Animations: GSAP, Framer Motion, Spline Runtime
• Misc: Resend, Socketio, Zod

🚀 Getting Started

Prerequisites

• Node.js (v14+)
• npm or yarn

Installation

1. Clone the repository:

    git clone https://github.com/DuyAnh-code/lebinhduyanh.github.io
   

2. Navigate to the project directory:

    cd Portfolio
   

3. Install dependencies:

    npm install
    # or
    yarn install
   

4. Run the development server:

    npm run dev
    # or
    yarn dev
   

5. Open http://localhost:3000 in your browser to see the magic!

🚀 Deployment

This site is deployed on Vercel. For your own deployment, follow these steps:

1. Push your code to a GitHub repository.
2. Connect your repository to Vercel.
3. Vercel will handle the deployment process.

🤝 Contributing

If you’d like to contribute or suggest improvements, feel free to open an issue or submit a pull request. All contributions are welcome!

📄 License

This project is open source and available under the MIT License.