ACG
Amazing Card Game (ACG) was a collaborative first-year project developed by a team of web development students in partnership with D3 UX/UI design students. The game was built using JavaScript, HTML, CSS, and Socket.io for real-time game state management. It was designed as a two-player, turn-based card game where players register as Player A or Player B and take turns playing strategic cards against each other.
My role focused heavily on the frontend and animations. I worked on creating a visually engaging interface and made sure the user experience felt smooth and interactive, despite the technical and communication challenges we faced.
SEE LIVE
PROCESS & CHALLENGES
The project began with the design students generating the game concept and providing early-stage assets. However, once their academic term ended, they were unavailable for the remainder of the project. Communication was minimal, and instead of a Figma prototype, we were provided with a basic demo via a desktop game simulator. This meant the design handoff was limited, and our developer team had to come up with a lot of the visual and UI decisions on our own.
I took initiative to lead the visual direction of the game, redesigning the interface and animations to ensure the frontend looked polished and playable. Given our limited tech knowledge at the time, we relied on JavaScript, HTML, and CSS with Node.js to build the core gameplay and logic.
OUTCOME
The final result was a fully functional multiplayer card game where two players could register and take turns. Game state was managed in real time using Socket.io, and the UI was completely reimagined from the original concept. This project was a major learning experience in collaboration, frontend development, and working through ambiguity when clear design specifications are unavailable.
More Projects
-’25
