chess learning site

Chess is a fun; but you should be able to develop their skills without paying a fee. King Chess is a free way to develop your chess: play bots, do puzzles, engine analyze games, & vs your pals online.

Comment

Inspiration

SIDENOTE: Website only works well on wider screens like laptops and PCs.

During Covid-19 lockdown (i was 10, now 14) everyone was restrained at home - with nothing to do, and a mobile in-front of them, online games became quite popular - this is where the boom of chess came as people viewed it as a educational and productive method of killing time - this is also where I got hooked. But I soon realized that nothing comes without a fee - if you wanted to analyze your games to see your mistakes, you had to pay. Do more than one free daily puzzle? Pay. Play against more bots? Once again, pay.

What it does

Therefore I am introducing King chess. King Chess is a free educational website allowing players to learn and develop their chess skills - you can analyze your game with a chess engine and see your blunder/good moves, play against bots to improve your chess and track your progress, a rule page explaining all the rules of chess in-depth in video style quick formats as well as videos with tactical strategies. Lastly, I will allow users to connect with their friends/rivals to hop on a game of chess on the website multiplayer with no distractions. Winning will allow you to increase your profiles points. Additionally, there will be a regional leaderboard showing the top players in your area.

How we built it

I built it using react js with nextjs to make makign dynamic components easy, as well as mongo db and pusher.js as my database and polling connection respectfully.

Challenges we ran into

I ran into many debugging problems with connecting the database and user to user connection as well as trying to optmize the speed levels of the end to end connections with minor tweaks. Design was also a challenge as finding a good layout takes a lot of time and effort and trial and error.

Accomplishments that we're proud of

  • The UI and UX of the app, looks modern and simplistic
  • Intuativeness of the bots, puzzles, and game analysis all for free.
  • Speed of the user to user online chess games and how fast moves are played
  • A lot more...

What we learned

Ive learnt incorparating authentication safely, databases connection, real time events, design principles and how to put them together.

What's next for chess learning site

After the mooncorp hack I can continue to polish and add extra features as well as to come up with a business plan for the website. However, the next big goal i NEED to work on is the mobile UI. currently the app only works visually on a wider screen like a laptop or pc which needs to change to make it more accessibile.

Built With

Share this project:

Updates