Skip to content
OverviewSolutions
2
Comments
2
Oladayo Ajibola
@DeeBabaTech

All comments

  • Raymart Pamplona•16,100
    @pikapikamartSubmitted over 1 year ago

    Hi! This is my 26th challenge here at fem and a long overdue project which i'm a bit guilty of.

    There's been lot of going on and haven't had the time and just forgot about the projects. Lots of other app projects that I did for school, for some freelances and even took hackathons which is really nice. Plus finally finishing my ojt and nearing my graduation this August!!

    This challenge was fun to do and I picked this because it is a useful project idea that I can personally use.

    I opted first testing on this project and have test runners setup and initially done so, but when I came back to finish the project, I just scratch it out since typescript solves those problems where I intended to add test on. Should have just stayed with testing because nearing the completion of this project, encountered many bugs after changing some api codes and it is a hassle checking components and manual test and I don't know how to use/configure linter.

    Drag and drop is not included because I didn't think about it too much but maybe could try to add those if I find the time.

    I also created some custom modal like when clicking on the add new column button instead of just showing the board modal for it.

    I also have no idea on how to make components like dropdown be hidden if I click on elements that are not inside it. I googled a lot and tried things but couldn't do it, I mean document.activeElement should easily solve this but whenever I tried to use it, it just always returns the body element therefore I couldn't check elements that are outside or inside on a certain component.

    There are lots improvements that could be done for the codes and will plan to refactor it.

    Overall, I think I did fine on this and just happy about it.

    Thanks for checking this one out!

    Kanban task management app | Next.js

    1
    Oladayo Ajibola•40
    @DeeBabaTechPosted over 1 year ago

    Man, you're really good... This is fantastically superb! Can we connect?

    0
  • Raymart Pamplona•16,100
    @pikapikamartSubmitted over 2 years ago

    Hello. This is my 25th challenge here at fem and my first challenge into using testing!!

    This challenge was fun to do and it is my first time into coding a tic tac toe game as well and I hope I did fine on this one. For the logic of the game, I used the minimax algorithm to get the most optimal move for the AI and since it uses the optimal move, I can't even win :>

    As I mentioned, it is my first time using jest or doing testing in general using javascript. For the implementation of the backtrack algorithm, I used a test first approach which I find really nice and i'll be adapting this one for further challenges and I kind of relate now to others saying seeing green light on their test soothes :>

    But for the most component in next, I haven't made the same test approach because I don't know how to test them initially and don't know when I should test a component so this is not a consistent one. But hey, I test first again on the new user experience (NUX) and for the grid navigations for keyboard keys!

    For the grid itself, initially, those were created using button inside in their own div role="gridcell" inside the role="grid", but at the end, I changed them into just using the div role="gridcell and completely removing the button elements. The reason for this is that I find it confusing as a user when placing a move mark on the grid, because a button have 2 states right, a pressed/toggled and not pressed/toggled, I don't want the user to think that they can undo a move after placing. Adding disabled or aria-pressed on it would be much confusing and mess up the grid navigations. That is why I just use the div role="gridcell" itself as the placement for each move mark with their own sr-only text.

    Overall, i'm happy on the outcome but I need to learn more about testing and using it! Another one, maybe adding some threshold for the scores to whether make cpu more smart would be nice, you know, so that we could win:>>

    Thanks for checking this one out!

    Update.

    I added an online mode as well so that everyone could play against different players. I use socket.io on this one. Thank you again!

    Tic Tac Toe | Next.js

    3
    Oladayo Ajibola•40
    @DeeBabaTechPosted about 2 years ago

    Man, this is just too good. Do you mind connecting with you?

    0