Project: DuckyDoom – Target Practice

This DuckyDoom project, developed during my bootcamp. I built an interactive and engaging web-based “Target Practice” game, demonstrating my ability to create dynamic and responsive user experiences.

Visit the site: https://ducky-doom.vercel.app/
Github Repository: https://github.com/catmaluci/DuckyDoom

Key Frontend Skills Hightlighted:

• HTML & CSS (SASS) Mastery: I utilized semantic HTML for a clear and well-structured foundation, complemented by reusable CSS (SASS) to ensure maintainability and scalability of the design. The mobile-first approach guarantees an optimal and responsive display across various devices.
• Vanilla JavaScript Expertise: The game’s interactive core is powered by Vanilla JavaScript, showcasing my ability to implement complex game logic, including:
  • User input handling (name input).
  • Dynamic animations for moving targets, adding a challenging and entertaining element.
  • Real-time countdown timer for dynamic gameplay.
  • Visual alerts for immediate user feedback upon hitting targets.
  • Management of game state and user interaction.
• UX/UI Integration: My prior experience in UX/UI design was crucial here. I focused on creating a user-friendly, intuitive, and visually appealing experience. This involved not only implementing the design but also ensuring seamless animations and transitions to keep players engaged, directly translating design concepts into a functional frontend.

• Clean Code & Best Practices: The project emphasizes clean, readable, and modular code in both CSS and JavaScript, reflecting my commitment to high-quality development standards.
• Version Control & Agile Workflow: I effectively utilized Git with GitFlow workflow for collaborative development and managed the project using Kanban and Sprint Backlog, demonstrating practical agile methodologies.

This project is a testament to my ability to transform design concepts into robust and engaging frontend applications, proving my readiness to contribute to dynamic development teams.

Tags: HTML5, CSS3, SASS, JavaScript (Vanilla JS), Figma, Git, GitFlow, Responsive Design, Mobile-First, Clean Code, Modular CSS, Semantic HTML