Naresh Khatri Portfolio

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

   Copy

2. Navigate to the project directory:

   cd Portfolio

   Copy

3. Install dependencies:

   npm install
   # or
   yarn install

   Copy

4. Run the development server:

   npm run dev
   # or
   yarn dev

   Copy

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.