Code & Games

Carousel Cards

Project: 2024 Carousel Cards

Purpose: Showcase new product releases to educators for the upcoming school year

What They Are:

The Carousel Cards are interactive, scrollable cards that present our new product features in a visually appealing, user-friendly format. Since educators typically have limited time, the design focuses on quick, digestible information. Each card highlights one product or feature, allowing educators to scroll horizontally through multiple offerings.

Why I Created Them:

Engaging User Experience: Traditional web pages can feel overwhelming if filled with too many static images or text sections. A carousel helps keep users focused on one product at a time.
Space Efficiency: By using a carousel, multiple features can be showcased within a limited screen real estate.
Marketing & Showcasing: We wanted an impactful way to introduce educators to our latest product releases, ensuring each card told a concise, compelling story.

Pixel Car Jump Game

Purpose: A fun and interactive side-scrolling game designed to showcase my skills in HTML, CSS, and JavaScript, blending creativity with technical execution.

What It Is: The Pixel Car Jump Game is an engaging 2D browser-based game where players control a pixelated car, jumping over obstacles and collecting stars to rack up points. Featuring a retro aesthetic, dynamic background scrolling, and customizable car options, the game combines simplicity with an addictive challenge. Key features include:

Obstacle Dodging: Jump over small, medium, and large rocks while navigating increasing difficulty.
Star Collection: Boost your score by grabbing stars that appear at timed intervals.
Car Customization: Choose from three unique pixel cars, each with its own flair.
Smooth Controls: Use the spacebar, arrow keys, or tap to jump.

Why I Created It:

Showcasing Technical Skills: This project demonstrates my ability to combine interactive design and coding to create user-friendly and visually appealing experiences.
Retro Gaming Nostalgia: I wanted to capture the charm of retro gaming with modern accessibility, making it fun and simple for anyone to play.
Problem-Solving: Developing this game allowed me to explore challenges like collision detection, background animations, and responsive design for a seamless gaming experience.

The Pixel Car Jump Game reflects my passion for design and development, offering an entertaining and polished showcase of my capabilities.

Pixel Car Game

ED TECH Math Quiz

Project: Add/Subtract Numbers (No Regrouping)

Purpose: A visually engaging and interactive math quiz designed to reinforce fundamental addition and subtraction skills without regrouping. This project combines a clean user interface with gamified elements to make learning math enjoyable for students.

Interactive Questions: Students answer math problems presented in an easy-to-understand format, with real-world scenarios to encourage practical thinking.
Gamified Navigation: A progress tracker and interactive navigation buttons ensure users stay engaged and can easily revisit questions.
Immediate Feedback: Correct and incorrect answers trigger responsive tooltips, guiding students toward the correct solutions while keeping the experience supportive.
Visual Effects: Includes a confetti animation upon completing the quiz to celebrate achievements and motivate learners.
Accessible Design: Designed with intuitive layouts, responsive components, and clean visuals to ensure usability across devices.

Why I Created It:

Enhancing Learning: This project is designed to make foundational math skills engaging and accessible for young learners, providing immediate feedback to support their growth.
Showcasing Development Skills: The project demonstrates my ability to build interactive and accessible web applications with JavaScript, HTML, and CSS.
Focus on Usability: With a clean, responsive design and gamification elements, this project emphasizes the importance of user experience in educational tools.

The Add/Subtract Numbers (No Regrouping) mastery check is a testament to my commitment to creating impactful, learner-friendly designs that effectively combine education and technology.