created 2048 that fits in a QR code! it was pretty easy to do, as its just a 4x4grid with some simple logic for sliding and merging tiles. you can play it by using the arrow keys. it takes a bit of visualization, but it works!
the inspiration was the SayCheese YSWS, which happened a while ago, but it was about making an app that fits in a QR code.
implemented checkboxes! idk why i didn’t add this earlier; this feature is super essential to the app. i focused a lot on the animation part, as that’s my priority for this project.
i was trying to implement a feature when pretty much everything broke. i reverted to the old commit and decided to refactor the code to be more readable!
implemented link sharing! basically, it saves your board state, packages it up into a string of characters, and makes it sharable with anyone in the world.this was an interesting feature to add, as I’ve never done something like this before.
did a final run-through of the app, tweaked some settings, deployed, and created a banner in Figma!
implemented two pieces of polish:
these changes were not too difficult, but I did run into a couple of bugs. i think i’m ready to ship! not much i think i can add at this point.
implemented difficulty levels! they just adjust the search depth and the maximum time spent. pretty simple to implement!
made the move history travel-able! now, you can go backwards and forwards through the game’s history. there were bugs with this feature, but it works perfectly now!
fixed a lot of visual bugs with delays, including one major one with the cards disappearing on mobile. i fixed that, but in order to test it, I needed to deploy it on vercel. I did so, and it worked! try it out at trell0.vercel.app!
added more customization! there are now more options for customizing the time, board, piece, and now sound themes. this wasn’t too difficult; just tedious.
deployed this on Vercel! had to change a couple of things and vercel had some issues with the build, but i got it figured out! go to stockpanda.vercel.app!
implemented premoves! now you can make moves before the engine makes a move; similar to chess.com and lichess.org. i couldn’t get a screenshot cause it takes some time, so try it out yourself!
added board annotations! if you’ve ever used chess.com or lichess, you would know you can highlight squares and draw arrows. now, you can do that on stock panda! implementing this was a lot easier than i thought, ngl. pretty smooth sailing.
made it responsive on mobile! i came across a lot of bugs with it not working but i eventually got through the bugs. to accomplish this, i also ended up adding functionality to make moves by clicking instead of dragging. some people like it that way.
implemented a notation system on the side, similar to how chess.com andlichess.org do it. pretty simple, other than visual bugs with weird scrolling problems. super clean tho!
implemented custom themes! now you can fully customize the look and feel of your chess game against Stock Panda! I love how intuitive the UI/UX is
implemented a clock! now you can play rapid, blitz, and bullet games with my chess engine!
transformed the UI of the application. added extremely satisfying sounds that im genuniely so proud of. made it look like chess.com cause people recognize that. also, you can choose to play as black or white, which is really cool! finally, there are now animations for the computer’s moves.
implemented board management! now, you can manage all your projects. i have the same animation style as the rest of the application. there were several bugs with the animations, but I got them all fixed up!
