Justin Filip - Personal Website

A clean, modern personal portfolio website showcasing my current work, previous projects, and technical explorations.

🌐 Live Site

Visit the website at: justinfilip.com

📋 Overview

This is my personal portfolio website featuring:

• Professional Profile: Contact information and social media links
• Current Work: My active projects including GoQuery, an Agentic Data Analytics Platform
• Previous Projects: Including GPT-Threads, an open-source AI application
• Other Projects: A collection of smaller technical demonstrations and explorations

🚀 Current Projects

GoQuery

An Agentic Data Analytics Platform that makes it easy to combine data from multiple sources, create rich visualizations, and get targeted insights using AI-powered analysis.

• Website: goquery.co
• Description: Fast, intuitive, and hyper-connected platform for understanding and acting on your data

📁 Project Structure

Justin-Filip-Website/
├── index.html          # Main website page
├── styles.css          # Styling and layout
├── main.js             # JavaScript functionality
├── README.md           # This file
├── favicon.png         # Site icon
├── profile.png         # Profile photo
├── goquery_site.png    # GoQuery screenshot
├── gptt_screenshot.png # GPT-Threads screenshot
├── usa.png             # USA flag icon
└── pages/              # Individual project pages
    ├── a-quick-game/           # Interactive clicking game
    ├── byzantine-generals/     # Byzantine Generals problem overview
    ├── rotateMatrix/          # Matrix rotation demonstration
    └── shapes-animation/      # Various JavaScript animations

🛠 Technical Details

Technologies Used

• Frontend: HTML5, CSS3, Vanilla JavaScript
• Styling: Custom CSS with Flexbox and Grid layouts
• Design: Clean, minimal design with hover effects and responsive layout
• Performance: Lightweight, fast-loading static site

Key Features

• Responsive design that works on all device sizes
• Semantic HTML structure for accessibility
• Clean, organized CSS with utility classes
• Modular project showcasing with dedicated sections
• Professional presentation with subtle interactive elements

📚 Individual Projects

A Quick Game

A slightly frustrating clicking game where players click numbered circles in sequence.

• Location: /pages/a-quick-game/
• Technology: Vanilla JavaScript, HTML, CSS

Byzantine Generals

An educational overview of the Byzantine Generals problem in distributed computing.

• Location: /pages/byzantine-generals/
• Technology: HTML, CSS with educational content

Matrix Rotation

A visual demonstration of matrix rotation using transposition and column swapping.

• Location: /pages/rotateMatrix/
• Technology: JavaScript, HTML, CSS with interactive UI

Shapes & Animations

Various interactive shapes and animations showcasing creative JavaScript programming.

• Location: /pages/shapes-animation/
• Includes: Ball animations, pattern generation, edge detection demos
• Technology: Vanilla JavaScript, HTML5 Canvas, CSS