🚀 Building My Cyberpunk-Inspired Resume Website 💻

Crafting a portfolio is more than just presenting your achievements—it's about creating an experience. My latest project is a cyberpunk-inspired resume website, built using React and Tailwind CSS. This futuristic design features a dark purple theme with neon accents, ensuring a unique, professional, and responsive look. Here’s a walkthrough of the site’s design and features, complete with screenshots for each section!

---

🌟 Hero Section: Home Page

The Hero Section is where visitors are greeted with my name, a concise introduction, and quick-access buttons to my socials:
🔗 LinkedIn
🐙 GitHub
🌐 Personal Portfolio Website

Features:
Eye-catching neon-glow buttons.
Responsive design with dynamic navigation for a smooth user experience.

Screenshots:
PC View:
Mobile View:

---

🎓 Education Tab

This section outlines my academic journey, showcasing:
Advanced Diploma of Information Technology from Abbey College Australia.
Bachelor of Science in Computer Science (Magna Cum Laude) from iAcademy, Philippines.
Specialized certifications and courses like Mobile Game Development Training and Professional Culinary Arts Diploma.

Tailored for clarity, this tab uses a clean grid layout that ensures readability.

Screenshots:
PC View:
Mobile View:

---

⚙️ Skills Tab

Organized into categories, this tab highlights:
Languages: Java, C#, PHP, TypeScript, JavaScript, Python.
Frameworks & Libraries: React.js, Spring Boot, Laravel, .NET Core, Next.js.
Tools & Platforms: Git, Docker, AWS, JIRA, Jenkins.

Tailwind's grid system ensures that the design is visually balanced and optimized for all screen sizes.

Screenshots:
PC View:
Mobile View:

---

💼 Work Experience Tab

The Work Experience section is split into three subtabs, showcasing my diverse background:

1. 🔧 Tech Experience
   Web Developer Intern at Maqro Capital: Optimized server response times by 75%.
   ThreatHunter Intern at Trend Micro: Enhanced threat analysis through automation scripts.
   Freelance Web Developer: Built SEO-optimized, responsive websites.

   Screenshots:
   PC View:
   Mobile View:
   

   2. 👨‍🍳 Non-Tech Experience
      Roles in the hospitality industry, emphasizing my adaptability and interpersonal skills:
      Food and Beverage Attendant at Holiday Inn and Rydges Hotel.
      Room Attendant at Sofitel Darling Harbour.
      Bartender at freelance events.

   Screenshots:
   PC View:
   Mobile View:
   

   3. 🛠️ Internship Experience
      Accenture (EAM Developer Intern): Wrote onboarding guides and maintained code quality.
      Trend Micro (ThreatHunter Intern): Strengthened threat intelligence through automation.

   Screenshots:
   PC View:
   Mobile View:

---

📞 Contact Tab

This tab makes reaching out effortless with clickable links for:
✉️ Email: Directly opens the user's default mail app.
📞 Phone Number: Initiates a call on mobile devices.
🌐 LinkedIn Profile: Redirects to my LinkedIn profile.

Tailored animations and hover effects enhance user interaction.

Screenshots:
PC View:
Mobile View:

---

📱 Responsive Design

One of the project highlights is the fully responsive layout:
On smaller screens, the hamburger menu provides an intuitive way to navigate via a side panel.
Elements resize seamlessly, maintaining aesthetics across all devices.

Screenshot:
Mobile Menu View:

---

🎉 Conclusion

This project reflects my technical expertise and creative flair, merging functionality with a visually stunning cyberpunk aesthetic. From dynamic tabs to responsive design, each element is crafted to leave a lasting impression.

💡 Check out the live site: Resume Website
📩 Have questions? Feel free to connect through the Contact Tab or my socials!