HTML CSS SCSS Bem Vanilla Javascript Mobile firts

Solution retrospective
I’m most proud of building a fully functional and interactive Tic-Tac-Toe game from scratch using only HTML, CSS, and JavaScript. This includes core logic like turn management, win detection, dynamic SVG rendering, player vs CPU mode, and saving match history in localStorage.
What made me especially proud was implementing:
Smart CPU logic that can block or win strategically.
Real-time UI updates with visual feedback (colors, icons, indicators).
A modular and organized code structure that separates logic, storage, and UI.
A user-friendly experience that works on desktop and mobile.
What I’d do differently next time:
Use TypeScript or modular JavaScript to improve type safety and reusability.
Implement a settings panel to reset the board, clear history, or change difficulty level.
Add animations or transitions to make gameplay feel smoother.
Improve accessibility (ARIA roles, keyboard support).
This project taught me a lot about DOM manipulation, event handling, and how small projects can become powerful learning tools when built with attention to detail.
What challenges did you encounter, and how did you overcome them?The DOM manipulation, the cpu logic, the localStorage, a lot of work, I hope it turned out well.
What specific areas of your project would you like help with?I would like general accessibility and javascript tips on modules and general logic, I might be a bit messy in the code.
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on RF13's solution.
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord