Help
RSS
API
Feed
Maltego
Contact
Domain > www.genaidevzone.com
×
More information on this domain is in
AlienVault OTX
Is this malicious?
Yes
No
DNS Resolutions
Date
IP Address
2025-10-07
107.22.176.184
(
ClassC
)
2026-02-28
54.165.226.214
(
ClassC
)
Port 443
HTTP/1.1 200 OKcontent-length: 33321content-security-policy: default-src self; script-src self unsafe-inline https://cdnjs.cloudflare.com https://cdn.jsdelivr.net https://unpkg.com; style-src self unsafe-inline fonts.googleapis.com https://cdnjs.cloudflare.com https://cdn.jsdelivr.net https://unpkg.com; font-src self fonts.gstatic.com https://cdnjs.cloudflare.com https://cdn.jsdelivr.net; img-src self data:; connect-src self https://accounts.google.com; frame-ancestors none; form-action self https://accounts.google.com; base-uri selfcontent-type: text/html; charsetutf-8cross-origin-embedder-policy: require-corpcross-origin-opener-policy: same-origindate: Sat, 28 Feb 2026 18:02:25 GMTpermissions-policy: geolocation(), microphone(), camera()referrer-policy: strict-origin-when-cross-originserver: envoystrict-transport-security: max-age31556926; includeSubDomainsvary: Cookiex-content-type-options: nosniffx-frame-options: SAMEORIGINx-xss-protection: 1; modeblockx-envoy-upstream-service-time: 35 !DOCTYPE html>html langen>head> meta charsetUTF-8> meta nameviewport contentwidthdevice-width, initial-scale1.0> title>Projects - Interactive Simulations & AI Applications | Gen AI Dev Zone/title> !-- Meta Description --> meta namedescription contentExplore our portfolio of interactive physics simulations, AI-powered applications, and data visualizations. Experience WebGL graphics, machine learning demos, and educational simulations.> !-- Keywords --> meta namekeywords contentinteractive simulations, physics demos, WebGL projects, Three.js applications, data visualization, machine learning demos, educational simulations, web-based games> !-- Canonical URL --> link relcanonical hrefhttps://www.genaidevzone.com/> !-- Open Graph / Facebook --> meta propertyog:type contentwebsite> meta propertyog:url contenthttps://www.genaidevzone.com/> meta propertyog:title contentProjects - Interactive Simulations & AI Applications | Gen AI Dev Zone> meta propertyog:description contentExplore our portfolio of interactive physics simulations, AI-powered applications, and data visualizations. Experience WebGL graphics, machine learning demos, and educational simulations.> meta propertyog:image contenthttps://www.genaidevzone.com/static/images/og-image.jpg> !-- Twitter --> meta propertytwitter:card contentsummary_large_image> meta propertytwitter:url contenthttps://www.genaidevzone.com/> meta propertytwitter:title contentProjects - Interactive Simulations & AI Applications | Gen AI Dev Zone> meta propertytwitter:description contentExplore our portfolio of interactive physics simulations, AI-powered applications, and data visualizations. Experience WebGL graphics, machine learning demos, and educational simulations.> meta propertytwitter:image contenthttps://www.genaidevzone.com/static/images/og-image.jpg> !-- Structured Data --> script typeapplication/ld+json>{ @context: https://schema.org, @type: CollectionPage, name: Interactive Projects Portfolio, description: Collection of interactive physics simulations, AI applications, and data visualizations, url: https://www.genaidevzone.com/, isPartOf: { @type: WebSite, name: Gen AI Dev Zone, url: https://www.genaidevzone.com/ }, breadcrumb: { @type: BreadcrumbList, itemListElement: { @type: ListItem, position: 1, name: Home, item: https://www.genaidevzone.com/ }, { @type: ListItem, position: 2, name: Projects, item: https://www.genaidevzone.com/ } }}/script> !-- Preload critical CSS --> link relpreload href/static/css/style.css asstyle> link relstylesheet href/static/css/style.css> !-- Mobile-Enhanced CSS --> link relstylesheet href/static/css/mobile-enhanced.css> link relpreconnect hrefhttps://fonts.googleapis.com> link relpreconnect hrefhttps://fonts.gstatic.com crossorigin> link hrefhttps://fonts.googleapis.com/css2?familyInter:wght@400;600;700&displayswap relstylesheet>/head>body> a href#main-content classskip-link>Skip to main content/a> nav classnavbar rolenavigation aria-labelMain navigation> div classnav-container> div classnav-logo> a href/projects aria-labelGen AI Dev Zone - Home>Gen AI Dev Zone/a> /div> div classnav-links> a href/about classnav-link aria-labelAbout page>About/a> a href/projects classnav-link aria-labelProjects showcase>Projects/a> a href/contact classnav-link aria-labelContact information>Contact/a> a href/auth/login classnav-link aria-labelLogin>Login/a> /div> /div> /nav> main classmain-content idmain-content rolemain> style>.section-subtitle { text-align: center; color: #666; font-size: 1.1rem; margin-top: -10px; margin-bottom: 30px;}.featured-works { padding: 60px 0; /* Old background (can revert): linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%); */ background: #1a1a2e; position: relative; overflow: hidden;}.featured-works .container { position: relative; z-index: 1;}.carousel-container { position: relative; max-width: 1200px; margin: 0 auto; overflow: hidden; z-index: 1;}.carousel-wrapper { overflow: hidden; margin: 0 60px;}.carousel-track { display: flex; transition: transform 0.5s ease-in-out;}.featured-card { flex: 0 0 100%; display: flex; gap: 40px; padding: 40px; /* Old background (can revert): white; */ background: linear-gradient(135deg, #e0f7fa 0%, #b2ebf2 100%); border-radius: 20px; box-shadow: 0 10px 40px rgba(0,0,0,0.1);}.featured-image { flex: 0 0 45%;}.featured-image img { width: 100%; height: 300px; object-fit: cover; border-radius: 12px;}.featured-content { flex: 1; display: flex; flex-direction: column; justify-content: center;}.featured-title { font-size: 2rem; margin-bottom: 15px; color: #333;}.featured-description { font-size: 1.1rem; line-height: 1.6; color: #666; margin-bottom: 20px;}.featured-tech { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 25px;}.tech-tag { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 5px 15px; border-radius: 20px; font-size: 0.9rem;}.featured-link { display: inline-block; padding: 12px 30px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; text-decoration: none; border-radius: 30px; font-weight: 600; transition: transform 0.3s ease; width: fit-content;}.featured-link:hover { transform: translateY(-2px); box-shadow: 0 5px 20px rgba(118, 75, 162, 0.4);}.carousel-btn { position: absolute; top: 50%; transform: translateY(-50%); background: white; border: none; border-radius: 50%; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 4px 15px rgba(0,0,0,0.2); transition: all 0.3s ease; z-index: 10;}.carousel-btn:hover { transform: translateY(-50%) scale(1.1); box-shadow: 0 6px 20px rgba(0,0,0,0.3);}.carousel-prev { left: 10px;}.carousel-next { right: 10px;}.carousel-indicators { display: flex; gap: 10px; justify-content: center; margin-top: 30px;}.indicator { width: 12px; height: 12px; border-radius: 50%; border: none; background: rgba(0,0,0,0.2); cursor: pointer; transition: all 0.3s ease;}.indicator.active { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); transform: scale(1.3);}@media (max-width: 768px) { .featured-card { flex-direction: column; padding: 20px; } .featured-image { flex: 1; } .carousel-wrapper { margin: 0 40px; } .carousel-btn { width: 40px; height: 40px; }}/style>section classfeatured-works> div classcontainer> div classcarousel-container> button classcarousel-btn carousel-prev aria-labelPrevious> svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2> path dM15 18l-6-6 6-6/> /svg> /button> div classcarousel-wrapper> div classcarousel-track idfeaturedCarouselTrack> !-- Featured cards will be dynamically inserted here --> /div> /div> button classcarousel-btn carousel-next aria-labelNext> svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2> path dM9 18l6-6-6-6/> /svg> /button> div classcarousel-indicators idcarouselIndicators> !-- Indicators will be dynamically generated --> /div> /div> /div>/section>section classprojects> div classcontainer> div classprojects-grid> div classproject-card> div classproject-image> a href/projects/fractal_tree> img src/static/images/projects/fractal_tree.svg altL-System Fractals loadinglazy width400 height300> /a> /div> div classproject-content> a href/projects/fractal_tree classproject-title-link> h3 classproject-title>L-System Fractals/h3> /a> p classproject-description>Interactive L-System fractal generator demonstrating Lindenmayer systems with recursive tree growth and natural variation/p> /div> /div> div classproject-card> div classproject-image> a href/projects/prisoners_dilemma> img src/static/images/projects/prisoners_dilemma.svg altPrisoners Dilemma loadinglazy width400 height300> /a> /div> div classproject-content> a href/projects/prisoners_dilemma classproject-title-link> h3 classproject-title>Prisoners Dilemma/h3> /a> p classproject-description>Game theory simulation exploring cooperation and competition strategies/p> /div> /div> div classproject-card> div classproject-image> a href/projects/chinese_characters> img src/static/images/projects/chinese_characters.svg altChinese Character Learning loadinglazy width400 height300> /a> /div> div classproject-content> a href/projects/chinese_characters classproject-title-link> h3 classproject-title>Chinese Character Learning/h3> /a> p classproject-description>Interactive tool for learning and practicing Chinese characters with stroke order animations/p> /div> /div> div classproject-card> div classproject-image> a href/projects/plinko> img src/static/images/projects/plinko.svg altPlinko Probability loadinglazy width400 height300> /a> /div> div classproject-content> a href/projects/plinko classproject-title-link> h3 classproject-title>Plinko Probability/h3> /a> p classproject-description>Interactive Galton board simulation demonstrating normal distribution and probability/p> /div> /div> div classproject-card> div classproject-image> a href/projects/ocean_sim> img src/static/images/projects/ocean_sim.svg altOcean Predator loadinglazy width400 height300> /a> /div> div classproject-content> a href/projects/ocean_sim classproject-title-link> h3 classproject-title>Ocean Predator/h3> /a> p classproject-description>Interactive fish schooling simulation with boids algorithm and predator-prey dynamics/p> /div> /div> div classproject-card> div classproject-image> a href/projects/falling_objects> img src/static/images/projects/falling_objects.svg altFalling Objects Simulation loadinglazy width400 height300> /a> /div> div classproject-content> a href/projects/falling_objects classproject-title-link> h3 classproject-title>Falling Objects Simulation/h3> /a> p classproject-description>Physics simulation comparing how different objects fall under various gravity and air resistance conditions/p> /div> /div> div classproject-card> div classproject-image> a href/projects/game_of_life> img src/static/images/projects/game_of_life.svg altGame of Life loadinglazy width400 height300> /a> /div> div classproject-content> a href/projects/game_of_life classproject-title-link> h3 classproject-title>Game of Life/h3> /a> p classproject-description>Conway's Game of Life cellular automaton with customizable patterns and controls/p> /div> /div> div classproject-card> div classproject-image> a href/projects/solar_system> img src/static/images/projects/solar_system.svg altSolar System loadinglazy width400 height300> /a> /div> div classproject-content> a href/projects/solar_system classproject-title-link> h3 classproject-title>Solar System/h3> /a> p classproject-description>Interactive solar system simulation with realistic orbital mechanics/p> /div> /div> div classproject-card> div classproject-image> a href/projects/random_walk_game> img src/static/images/projects/random_walk_game.svg altRandom Walk Game loadinglazy width400 height300> /a> /div> div classproject-content> a href/projects/random_walk_game classproject-title-link> h3 classproject-title>Random Walk Game/h3> /a> p classproject-description>Interactive game based on statistical random walk mechanics/p> /div> /div> div classproject-card> div classproject-image> a href/projects/random_walk_3d> img src/static/images/projects/random_walk_3d.svg altRandom Walk 3D loadinglazy width400 height300> /a> /div> div classproject-content> a href/projects/random_walk_3d classproject-title-link> h3 classproject-title>Random Walk 3D/h3> /a> p classproject-description>3D visualization of random walk algorithms and probability distributions/p> /div> /div> div classproject-card> div classproject-image> a href/projects/harmony_explorer> img src/static/images/projects/harmony_explorer.svg altHarmony Explorer loadinglazy width400 height300> /a> /div> div classproject-content> a href/projects/harmony_explorer classproject-title-link> h3 classproject-title>Harmony Explorer/h3> /a> p classproject-description>Musical rhythm game with interactive sound visualization/p> /div> /div> div classproject-card> div classproject-image> a href/projects/free_body_diagram> img src/static/images/projects/free_body_diagram.svg altFree Body Diagram loadinglazy width400 height300> /a> /div> div classproject-content> a href/projects/free_body_diagram classproject-title-link> h3 classproject-title>Free Body Diagram/h3> /a> p classproject-description>Interactive physics simulation for visualizing forces and motion/p> /div> /div> div classproject-card> div classproject-image> a href/news> img src/static/images/projects/news_explorer.svg altNews Explorer loadinglazy width400 height300> /a> /div> div classproject-content> a href/news classproject-title-link> h3 classproject-title>News Explorer/h3> /a> p classproject-description>Real-time news aggregator with duplicate detection from multiple AI, tech, business, and science sources/p> /div> /div> div classproject-card> div classproject-image> a href/projects/chinese_reader> img src/static/images/projects/chinese_reader.svg altChinese Reading Practice loadinglazy width400 height300> /a> /div> div classproject-content> a href/projects/chinese_reader classproject-title-link> h3 classproject-title>Chinese Reading Practice/h3> /a> p classproject-description>Learn to read Mandarin Chinese with text-to-speech support and adjustable reading speed/p> /div> /div> /div> /div>/section>section classproject-process> div classcontainer> h2 classsection-title>Development Process/h2> div classprocess-steps> div classprocess-step> div classstep-number>01/div> h3>Research & Analysis/h3> p>Understanding the problem domain and exploring AI/ML solutions/p> /div> div classprocess-step> div classstep-number>02/div> h3>Model Development/h3> p>Building and training machine learning models with optimal performance/p> /div> div classprocess-step> div classstep-number>03/div> h3>Application Integration/h3> p>Creating user-friendly interfaces and deploying scalable solutions/p> /div> /div> /div>/section>script>document.addEventListener(DOMContentLoaded, function() { // Add neural network background to featured works section const featuredWorksSection document.querySelector(.featured-works); if (featuredWorksSection) { const networkBg document.createElement(div); networkBg.className neural-network-bg; featuredWorksSection.insertBefore(networkBg, featuredWorksSection.firstChild); } // Define all available projects for the carousel const allProjects { id: ocean, title: Ocean Predator Simulation, description: 3D underwater ecosystem with AI-driven predator behavior and realistic ocean physics, link: /projects/ocean_sim, image: ocean_sim.svg, tech: Three.js, WebGL, AI Behavior }, { id: gameoflife, title: Conways Game of Life, description: Interactive cellular automaton with customizable patterns and evolution controls, link: /projects/game_of_life, image: game_of_life.svg, tech: Canvas API, Algorithms, Simulation }, { id: plinko, title: Plinko Probability, description: Interactive Galton board demonstrating normal distribution and statistical probability, link: /projects/plinko, image: plinko.svg, tech: Physics Engine, Statistics, Visualization }, { id: chinese, title: Chinese Character Learning, description: Interactive tool for learning and practicing Chinese characters with stroke order animations, link: /projects/chinese_characters, image: chinese_characters.svg, tech: Canvas API, Animation, Educational }, { id: prisoners, title: Prisoners Dilemma, description: Game theory simulation exploring cooperation and competition strategies, link: /projects/prisoners_dilemma, image: prisoners_dilemma.svg, tech: Game Theory, AI Strategy, Simulation }, { id: solar, title: Solar System Simulation, description: 3D visualization of our solar system with realistic orbital mechanics, link: /projects/solar_system, image: solar_system.svg, tech: Three.js, Physics, Astronomy }, { id: randomwalk, title: Random Walk 3D, description: Three-dimensional visualization of random walk algorithms and patterns, link: /projects/random_walk_3d, image: random_walk_3d.svg, tech: Three.js, Algorithms, Mathematics }, { id: falling, title: Falling Objects Physics, description: Physics simulation demonstrating gravity, air resistance, and collision dynamics, link: /projects/falling_objects, image: falling_objects.svg, tech: Physics Engine, Canvas API, Educational }, { id: freebody, title: Free Body Diagram, description: Interactive tool for creating and analyzing physics free body diagrams, link: /projects/free_body_diagram, image: free_body_diagram.svg, tech: Physics, Visualization, Educational }, { id: harmony, title: Harmony Explorer, description: Musical puzzle game exploring harmonics and wave interference patterns, link: /projects/harmony_explorer, image: harmony_explorer.svg, tech: Web Audio API, Music Theory, Puzzles }, { id: randomwalkgame, title: Random Walk Game, description: Interactive game based on random walk probability and strategy, link: /projects/random_walk_game, image: random_walk_game.svg, tech: Game Design, Probability, Strategy } ; // Function to shuffle array function shuffleArray(array) { const newArray ...array; for (let i newArray.length - 1; i > 0; i--) { const j Math.floor(Math.random() * (i + 1)); newArrayi, newArrayj newArrayj, newArrayi; } return newArray; } // Select random projects for showcase (6 projects) - v2024-11-06 const numberOfFeatured 6; const featuredProjects shuffleArray(allProjects).slice(0, numberOfFeatured); // Generate carousel HTML const track document.getElementById(featuredCarouselTrack); const indicatorsContainer document.getElementById(carouselIndicators); featuredProjects.forEach((project, index) > { // Create featured card const card document.createElement(div); card.className featured-card; card.dataset.project project.id; card.innerHTML ` div classfeatured-image> a href${project.link}> img src/static/images/projects/${project.image} alt${project.title} loadinglazy width400 height300 onerrorthis.src/static/images/placeholder.svg> /a> /div> div classfeatured-content> h3 classfeatured-title>${project.title}/h3> p classfeatured-description>${project.description}/p> div classfeatured-tech> ${project.tech.map(tech > `span classtech-tag>${tech}/span>`).join()} /div> a href${project.link} classfeatured-link>Explore Project →/a> /div> `; track.appendChild(card); // Create indicator const indicator document.createElement(button); indicator.className index 0 ? indicator active : indicator; indicator.dataset.slide index; indicator.setAttribute(aria-label, `Go to slide ${index + 1}`); indicatorsContainer.appendChild(indicator); }); // Carousel functionality const cards document.querySelectorAll(.featured-card); const prevBtn document.querySelector(.carousel-prev); const nextBtn document.querySelector(.carousel-next); const indicators document.querySelectorAll(.indicator); let currentIndex 0; const totalCards cards.length; function updateCarousel() { const offset -currentIndex * 100; track.style.transform `translateX(${offset}%)`; // Update indicators indicators.forEach((indicator, index) > { if (index currentIndex) { indicator.classList.add(active); } else { indicator.classList.remove(active); } }); } function goToNext() { currentIndex (currentIndex + 1) % totalCards; updateCarousel(); } function goToPrev() { currentIndex (currentIndex - 1 + totalCards) % totalCards; updateCarousel(); } function goToSlide(index) { currentIndex index; updateCarousel(); } // Event listeners nextBtn.addEventListener(click, goToNext); prevBtn.addEventListener(click, goToPrev); indicators.forEach((indicator, index) > { indicator.addEventListener(click, () > goToSlide(index)); }); // Auto-play carousel let autoPlayInterval setInterval(goToNext, 5000); // Pause auto-play on hover const carouselContainer document.querySelector(.carousel-container); carouselContainer.addEventListener(mouseenter, () > { clearInterval(autoPlayInterval); }); carouselContainer.addEventListener(mouseleave, () > { autoPlayInterval setInterval(goToNext, 5000); }); // Enhanced touch/swipe support for mobile with momentum let touchStartX 0; let touchEndX 0; let touchStartY 0; let touchEndY 0; let touchStartTime 0; let isDragging false; let startTransform 0; track.addEventListener(touchstart, (e) > { touchStartX e.changedTouches0.screenX; touchStartY e.changedTouches0.screenY; touchStartTime Date.now(); isDragging true; // Get current transform const style window.getComputedStyle(track); const matrix new DOMMatrix(style.transform); startTransform matrix.m41 || 0; // Pause autoplay during touch clearInterval(autoPlayInterval); // Remove transition for smooth dragging track.style.transition none; }, { passive: true }); track.addEventListener(touchmove, (e) > { if (!isDragging) return; const currentX e.changedTouches0.pageX; const currentY e.changedTouches0.pageY; const diffX Math.abs(currentX - touchStartX); const diffY Math.abs(currentY - touchStartY); // Only handle horizontal swipes (prevent vertical scroll interference) if (diffX > diffY && diffX > 10) { e.preventDefault(); const diff currentX - touchStartX; // Add resistance at boundaries const maxWidth track.offsetWidth; const boundaryResistance 0.3; let resistedDiff diff; if (currentIndex 0 && diff > 0) { resistedDiff diff * boundaryResistance; } else if (currentIndex totalCards - 1 && diff 0) { resistedDiff diff * boundaryResistance; } track.style.transform `translateX(${startTransform + resistedDiff}px)`; } }, { passive: false }); track.addEventListener(touchend, (e) > { if (!isDragging) return; isDragging false; touchEndX e.changedTouches0.screenX; touchEndY e.changedTouches0.screenY; // Restore transition track.style.transition transform 0.5s ease-in-out; handleSwipe(); // Resume autoplay autoPlayInterval setInterval(goToNext, 5000); }); function handleSwipe() { const swipeDistance touchStartX - touchEndX; const swipeTime Date.now() - touchStartTime; const velocity Math.abs(swipeDistance) / swipeTime; // Adjust threshold based on velocity for natural feel const baseThreshold 50; const velocityThreshold 0.3; const threshold velocity > velocityThreshold ? baseThreshold * 0.5 : baseThreshold; const diffX Math.abs(touchStartX - touchEndX); const diffY Math.abs(touchStartY - touchEndY); // Only trigger if horizontal swipe is dominant if (diffX > diffY && Math.abs(swipeDistance) > threshold) { if (swipeDistance > 0) { // Swiped left - go to next goToNext(); } else { // Swiped right - go to previous goToPrev(); } } else { // Not enough swipe - return to current position updateCarousel(); } } // Keyboard navigation document.addEventListener(keydown, (e) > { if (e.key ArrowLeft) { goToPrev(); } else if (e.key ArrowRight) { goToNext(); } });});/script> /main> footer classfooter> div classcontainer> p>© 2025 Gen AI Dev Zone. All Rights Reserved./p> /div> /footer> script src/static/js/main.js defer>/script> !-- Mobile Menu Script --> script src/static/js/mobile-menu.js defer>/script>/body>/html>
View on OTX
|
View on ThreatMiner
Please enable JavaScript to view the
comments powered by Disqus.
Data with thanks to
AlienVault OTX
,
VirusTotal
,
Malwr
and
others
. [
Sitemap
]