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.
- 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.
- Frontend: Next.js, React, Tailwind CSS, Shadcn, Aceternity UI
- Animations: GSAP, Framer Motion, Spline Runtime
- Misc: Resend, Socketio, Zod
- Node.js (v14+)
- npm or yarn
-
Clone the repository:
git clone https://github.com/Harold0107/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!
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.
If you'd like to contribute or suggest improvements, feel free to open an issue or submit a pull request. All contributions are welcome!