Zonic Portfolio (OLD WONT BE UPDATED NOW)
Check latest site (Code isn't published of it): https://zonicisalive.com
Welcome to my personal portfolio! This project showcases my skills, certifications, and projects in a highly interactive, "Matrix" inspired design.
Features
- Matrix Rain Background: An immersive, dynamic canvas-based Matrix rain effect.
- WebGL Starfield: A cosmic background layer for depth and visual appeal.
- Interactive Terminal: A fully functional simulated terminal to explore my profile through commands.
- Project Showcase: A filtered grid of my coding projects with detailed modals.
- Certification Track: A visual display of my current and planned cybersecurity certifications.
- Responsive Design: Optimized for all screen sizes, from mobile to ultra-wide desktops.
- Glassmorphism & Neon Aesthetics: Modern UI elements with blurred backgrounds and neon highlights.
Technologies Used
- Frontend: HTML5, CSS3 (Vanilla), JavaScript (ES6+)
- Animations: Anime.js
- Graphics: Three.js for WebGL effects
- Icons/Visuals: Custom SVG illustrations
- Deployment: GitHub Pages (zonicisalive.com)
Project Structure
index.html: Main entry point and structural layout.styles.css: Comprehensive styling for the entire portfolio.app.js: Core logic for animations, terminal, and interactivity.assets/: Folder containing images, SVGs, and other media.
Terminal Commands
The simulated terminal supports several commands to interact with the portfolio:
help: Lists all available commands.about: Displays a brief bio.skills: Shows the tech stack and proficiency levels.projects: Lists all featured projects.contact: Provides contact information.clear: Clears the terminal screen.
License
This project was personal. Feel free to use as you wish. Please remove info before using it!