Welcome to the repository for my professional portfolio website—a dynamic digital workspace showcasing my expertise in cybersecurity, ethical hacking, and secure software development. This website is designed with innovation and precision, reflecting my personal brand and technical capabilities. It serves as a comprehensive resource for professionals, recruiters, and collaborators to get to know my work better.
This portfolio website is built using React, enhanced with Framer Motion for fluid animations, and integrated with various cutting-edge libraries such as Typewriter-effect and LottieFiles. The project is structured to provide a seamless user experience across devices, emphasizing performance, accessibility, and forward-thinking design.
Key highlights include:
- Responsive Navigation: A dynamic navigation system with smooth scrolling and interactive menu options.
- Engaging UI Elements: Interactive animations, typewriter effects, and particle backgrounds that contribute to a modern and advanced user interface.
- Professional Branding: A personal touch that reflects my dedication to ethical hacking, secure software development, and innovative tech solutions.
- Optimized Custom Cursor: Cursor only appears on pointer devices, matching user speed without smoothing and hiding entirely on touch screens.
- Interactive Terminal: Realistic commands like
whoami,ls, andexitwith functional window controls.
This repository is maintained exclusively for professional purposes. It is a direct reflection of my work, vision, and passion for technology. The codebase represents my intellectual property and is not to be used by third parties or for external distribution without express written permission. It is intended solely for personal branding and professional networking.
Follow these steps to set up the project locally:
Ensure you have the following installed:
- Node.js (v18 recommended)
- Use
nvm useto match the version in.nvmrc - npm (Node Package Manager)
- Clone the Repository:
git clone https://github.com/phantom0004/phantom0004.github.io- Navigate into the Project Directory:
cd phantom0004.github.io- Install Dependencies:
npm install- Run the Application:
npm startThis command will start the development server. Open your browser and navigate to http://localhost:3000 to view the website.
Create a .env file in the project root with the following variables:
VITE_GA_ID=G-80YS4JJGFM
VITE_FORMSPREE_URL=https://formspree.io/f/mqaplvwoThese values are required for analytics tracking and for submitting the contact form.
This repository is not open source. All code here is provided solely for personal demonstration of my work. See the LICENSE file for the full terms. In short, copying, modifying, distributing, or deploying this code without explicit written permission is prohibited.
This portfolio website is more than just a digital resume—it is a reflection of my journey in the tech industry and my commitment to continuous innovation.