Skip to content

Showcasing my web dev skills with 3D magic, slick interactions, and cutting-edge design.

Notifications You must be signed in to change notification settings

Naresh-Khatri/Portfolio

Repository files navigation

🚀 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.

Portfolio Preview

🔥 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/Naresh-Khatri/Portfolio.git
  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.

About

Showcasing my web dev skills with 3D magic, slick interactions, and cutting-edge design.

Topics

Resources

Stars

Watchers

Forks

Languages