I bilt an interactive web-based version of the classic game Tic Tac Toe, with a unique thematic twist and engaging visual design.
The app can be accessed here!
https://edwin-chalmers.github.io/tikTakToe
I'm proud with how the light and dark mode turned out. It took a lot of adjusting to get the colors to work over both backgrounds.
Week 6 of learning frontend - This project took about 5 hour on the Comp, and 20 hours to submission
Edwin Chalmers : [email protected]
The learning goals of this project is to build Tik Tak Toe from scratch. The primary learning goals were mastering fundamental web development skills, including HTML for structure, CSS for styling, and JavaScript for interactivity. I focused on developing proficiency in JavaScript, particularly in DOM manipulation and game logic implementation. The project also emphasized learning responsive design and CSS animations to enhance user experience, as well as providing experience in writing organized and maintainable code, essential for effective web development.
A lesson I learned from the last project was to base my changes on a single source of truth. I made an effort to have all the dynamic elements in the game be based on the data model. The second win was the Draw condition. The problem I faced was that the game was calling the win and draw conditions at the same time. I fixed it by adding a 1ms delay to the draw condition to make sure they're checked one at a time.