Skip to content
Submitted 17 days ago

Almost-three-month project. (Next, React, TS)

#accessibility#next#react#typescript#animation
P
Wannika123•890
@Wannika123
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Connect Four game
  • HTML
  • CSS
  • JS
4advanced

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

Everything works!

In the future, I want to make CPU stronger, but this is it for now. I've already spent so much time on this project.

What specific areas of your project would you like help with?

Any comment is welcome :)

Community feedback

  • P
    EfthymiosK•390
    @EfthymiosKPosted 16 days ago

    Very nice! Your code looks clean, then app is responsive and made according to the design. Unfortunately your CPU logic is very weak (I beat it 3 times in 3 games lol). In a similar project (tic tac toe) I implemented the minMax algorithm and it's unbeatable. I think you can implement it here as well. Keep up the good work!

    1
  • Aldi•230
    @AldikrasniqiPosted 17 days ago

    good job overall, https://fem-connect-4-game.vercel.app/game/player height of the screen is a little bit scroll able. As i saw in the class .GameHeader_header-container remove the margin top 50px and add padding-top 13px.

    0

Please log in to post a comment

Log in with GitHub

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