# Chess board Component?

**URL:** <https://community.thunkable.com/t/chess-board-component/1523331>\
**Category:** Questions about Thunkable X\
**Created:** [September 24, 2021, 2:55am UTC](https://community.thunkable.com/t/chess-board-component/1523331 "2021-09-24T02:55:10Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![overturner](https://avatars.discourse-cdn.com/v4/letter/o/53a042/32.png) [@overturner](https://community.thunkable.com/u/overturner)\
**Post date:** [September 24, 2021, 2:55am UTC](https://community.thunkable.com/t/chess-board-component/1523331/1 "2021-09-24T02:55:10Z")

</div>

Hi!  
has anyone had any success using the chessboard in an app.  
i tried a lot , but it takes a lot of time!!!  
Any workarounds or successes here?  
Really appreciate responses 😀

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [September 24, 2021, 3:02am UTC](https://community.thunkable.com/t/chess-board-component/1523331/2 "2021-09-24T03:02:37Z")

</div>

What do you mean by “the chessboard”? Can you provide a screenshot or an example?

---

<div class="post-metadata">

**Author:** ![overturner](https://avatars.discourse-cdn.com/v4/letter/o/53a042/32.png) [@overturner](https://community.thunkable.com/u/overturner)\
**Post date:** [September 24, 2021, 3:04am UTC](https://community.thunkable.com/t/chess-board-component/1523331/3 "2021-09-24T03:04:59Z")

</div>

I meant this

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/b/4/b4d4b3599b3093aa1560c5fba7cff7b30c9ad629.png)  
I wanted to ask if someone here had success making a sort of chess game app

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [September 24, 2021, 3:44am UTC](https://community.thunkable.com/t/chess-board-component/1523331/4 "2021-09-24T03:44:27Z")

</div>

Oh. The word “component” in Thunkable refers to a built-in block which is why I was confused. I know @codeswept made a chutes & ladders game based on a grid. I haven’t done anything with chess myself.

---

<div class="post-metadata">

**Author:** ![overturner](https://avatars.discourse-cdn.com/v4/letter/o/53a042/32.png) [@overturner](https://community.thunkable.com/u/overturner)\
**Post date:** [September 24, 2021, 4:15am UTC](https://community.thunkable.com/t/chess-board-component/1523331/5 "2021-09-24T04:15:09Z")

</div>

Oh ok. I actually tried using the chessboard api in the webviewer and connecting it to the thunkable app using the extension but it is very very difficult.  
That’s why I wanted to ask thunkable team to build this component but before that i wanted to ask if any of my fellow thunkers here have had any success 😄

---

<div class="post-metadata">

**Author:** ![codeswept](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/codeswept/32/87755_2.png) [@codeswept](https://community.thunkable.com/u/codeswept)\
**Post date:** [September 24, 2021, 5:59am UTC](https://community.thunkable.com/t/chess-board-component/1523331/6 "2021-09-24T05:59:27Z")

</div>

Yeah, I did make a game with a grid. Let me try and see if I can adapt it for chess.

---

<div class="post-metadata">

**Author:** ![codeswept](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/codeswept/32/87755_2.png) [@codeswept](https://community.thunkable.com/u/codeswept)\
**Post date:** [September 24, 2021, 6:17am UTC](https://community.thunkable.com/t/chess-board-component/1523331/7 "2021-09-24T06:17:36Z")

</div>

Try this:

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/a/2/a27851a2bda6035843041ea6376f39b00df6ccce.png)  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/8/2/82e8fca3c730fb0f4fcc6d64cff926af1a2d0dd7.png)

---

<div class="post-metadata">

**Author:** ![codeswept](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/codeswept/32/87755_2.png) [@codeswept](https://community.thunkable.com/u/codeswept)\
**Post date:** [September 24, 2021, 7:04am UTC](https://community.thunkable.com/t/chess-board-component/1523331/8 "2021-09-24T07:04:07Z")

</div>

I’m currently working on adding the chess pieces in.

---

<div class="post-metadata">

**Author:** ![overturner](https://avatars.discourse-cdn.com/v4/letter/o/53a042/32.png) [@overturner](https://community.thunkable.com/u/overturner)\
**Post date:** [September 24, 2021, 7:11am UTC](https://community.thunkable.com/t/chess-board-component/1523331/9 "2021-09-24T07:11:52Z")

</div>

thanks for sharing this @codeswept.  
I will try this out. but what i meant is that it taking tonnes of coding for the rules like castling and en passant etc.  
There is already a chessboard api that works but i wanted something native.  
But i will definitely try this out. 😀

---

<div class="post-metadata">

**Author:** ![codeswept](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/codeswept/32/87755_2.png) [@codeswept](https://community.thunkable.com/u/codeswept)\
**Post date:** [September 24, 2021, 7:13am UTC](https://community.thunkable.com/t/chess-board-component/1523331/10 "2021-09-24T07:13:42Z")

</div>

😀

> [@overturner](#):
>
> tonnes of coding

True, I’ve just been trying to make the chessboard work as well.

> [@overturner](#):
>
> There is already a chessboard api that works but i wanted something native.

Really? I’d love to check it out! Could you please share the link here?

---

<div class="post-metadata">

**Author:** ![overturner](https://avatars.discourse-cdn.com/v4/letter/o/53a042/32.png) [@overturner](https://community.thunkable.com/u/overturner)\
**Post date:** [September 24, 2021, 7:23am UTC](https://community.thunkable.com/t/chess-board-component/1523331/11 "2021-09-24T07:23:32Z")

</div>

[https://chessboardjs.com/](https://chessboardjs.com/)  
You will have to download this and use the given sample of code in html or java.  
I made a few apps based on this too. but they are time consuming.  
I was planning on making a live chess server like

> **[Chess.com - Play Chess Online - Free Games](https://www.chess.com/)**
>
> Play chess online for free on Chess.com with over 50 million members from around the world. Have fun playing with friends or challenging the computer!

using javascript and i am kinda… halfway through?

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [November 8, 2024, 1:15pm UTC](https://community.thunkable.com/t/chess-board-component/1523331/12 "2024-11-08T13:15:06Z")

</div>


