This portfolio website is a personal project, a creative space to showcase my personality, skills, and journey. Built with React + Vite, it leverages Three.js for a dynamic, 3D interactive experience. Showing a blend of creativity and technical expertise, the site features immersive 3D elements, smooth animations, and engaging visual effects. It's packed with unique, unconventional features, hidden secrets, and surprises.

This project has been years in the making, with countless iterations, experiments, and refinements that have all led to this final, polished version.

---

Getting started:

To run this project locally, you'll need to have Node.js and npm installed on your computer. Once you have these installed, follow these steps:

1. Clone this repository to your local machine.
2. Navigate to the project directory using the command line.
3. Run npm install to install all dependencies.
4. Run npm run dev to start the Vite development server.
5. Open your web browser and navigate to http://localhost:5173 (or the port shown in the terminal) to see the website.

---

Features:

This project includes several features to explore:

• Interactive 3D Elements: The site features 3D interactive elements including a 3D globe and individual tech balls. Also includes an alternative hidden animated background.
• Bento Grid:: The "Overview" section uses a bento grid layout for presenting visual information about me.
• **Navigation & Content:
  • Responsive Navigation: An animated navbar with icons that adapts to differen screen sizes.
  • Social Links: Dedicated sections for various social media accounts.
  • CV Download: A functional button to download my CV.
  • Carousel Displays: Variety of carousels, a Linkedin post carousel and for attended events.
• Timeline Display: Presented using a vertical timeline component, with a toggle to switch between work and education.
• Projects: Projects are showcased using a card design, featuring banners, descriptions, technology tags, and links to GitHub repositories and live demos.
• Contact Form: A functional contact form is included, with profanity detection for messages.
• Hidden Secrets: Discover over 20 hidden elements and secrets within the project for added fun and challenge.

---

Technologies and Tools Utilised:

---

Acknowledgment:

• Github project_3D_developer_portfolio
• React Vertical Timeline Component
• HextaUI
• React Globe gl
• React Three.js Fiber
• Swiperjs
• Styled Components
• Motion (framer-motion)

---