🚀 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
-
Clone the repository:
git clone https://github.com/Naresh-Khatri/Portfolio.git -
Navigate to the project directory:
cd Portfolio -
Install dependencies:
npm install # or yarn install -
Run the development server:
npm run dev # or yarn dev -
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:
- Push your code to a GitHub repository.
- Connect your repository to Vercel.
- 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.