Xion Nexus Creation Hub

Goal: Build a responsive landing page using HTML, CSS, and JavaScript.

Details: Create a fully functional, mobile-friendly landing page with layouts, responsive design techniques, and interactive elements like buttons, forms, and animations.

Skills Learned:

• HTML5 for structuring web content
• CSS3 for styling and responsive design
• JavaScript for interactivity (e.g., form validation, smooth scrolling)

Goal: Create a simple 2D game using JavaScript and the p5.js library.

Details: Build a basic game like Pong, Snake, or Breakout using p5.js, a library for creative coding that simplifies drawing and animating on the web canvas.

Skills Learned:

• JavaScript for game logic
• p5.js for drawing graphics and handling user input
• Basic game mechanics (collision detection, scoring, levels)

Goal: Use Teachable Machine to build a simple AI model that can predict or classify objects based on images or sounds.

Details: Train a model with Google’s Teachable Machine to recognize images, sounds, or poses, getting familiar with machine learning without heavy coding.

Skills Learned:

• Basic machine learning concepts (e.g., training, classification)
• Using pre-built AI tools like Teachable Machine
• Deploying AI models in web apps or interactive tools

Goal: Simulate a robot’s movement with JavaScript using the canvas API.

Details: Build a simulation of a robot moving in a grid or environment, programming movement, collision detection, and basic physics (velocity, acceleration).

Skills Learned:

• JavaScript for game development and physics simulation
• HTML canvas API for drawing and animation
• Basic robot movement logic (e.g., forward, backward, rotation)