As I grow in cybersecurity, I continue to build projects that are useful, educational, and demonstrate real-world technical value.
This project was built as a fun and practical way to help coworkers learn and practice the card game Pitch, which is commonly played at work but not well understood by beginners. Instead of using frameworks like React or Bootstrap, I built this app using pure HTML, CSS, and vanilla JavaScript to reinforce my fundamentals and better understand how the browser handles logic, state, and rendering without relying on libraries.
The app includes a full playable game with score tracking, input validation, turn logic, and a clean UI. It was also a great exercise in thinking through edge cases, game flow, and building an application entirely from scratch. This project demonstrates my ability to design, structure, and deploy a full-stack-ready front-end tool hosted through Amazon S3.
Lessons Learned
One of the biggest lessons I took from this project was the importance of planning and documenting before writing code. My gameplay logic became messy and difficult to follow because I jumped straight into coding without a clear blueprint. During testing, I often saw the computer play hands incorrectly, and fixing one issue sometimes caused other gameplay behavior to break.
Looking back, I should have created a flowchart or state diagram to map out the decision logic before starting. A solid visual plan up front would have made development faster, cleaner, and more predictable. Instead of repeatedly switching between thinking through gameplay, coding small pieces, and testing incrementally, I could have spent more time designing the full logic flow first and then implemented it smoothly.