https://github.com/adityakumar-2501/code-with-blocks
Code With Blocks is a fun and kid-friendly website that helps children learn programming through an easy drag-and-drop system. Instead of typing complex code, kids can simply move blocks around to create programs and see them in action. It’s a great way for beginners to understand coding concepts in an interactive and enjoyable way!
https://github.com/adityakumar-2501/code-with-blocks
blockly reactjs vite
Last synced: 3 months ago
JSON representation
Code With Blocks is a fun and kid-friendly website that helps children learn programming through an easy drag-and-drop system. Instead of typing complex code, kids can simply move blocks around to create programs and see them in action. It’s a great way for beginners to understand coding concepts in an interactive and enjoyable way!
- Host: GitHub
- URL: https://github.com/adityakumar-2501/code-with-blocks
- Owner: AdityaKumar-2501
- Created: 2025-02-17T09:12:37.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2025-02-17T09:38:16.000Z (11 months ago)
- Last Synced: 2025-02-17T10:29:48.039Z (11 months ago)
- Topics: blockly, reactjs, vite
- Language: JavaScript
- Homepage:
- Size: 3.22 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Code With Blocks
Code With Blocks is a fun and kid-friendly website that helps children learn programming through an easy drag-and-drop system. Instead of typing complex code, kids can simply move blocks around to create programs and see them in action. It’s a great way for beginners to understand coding concepts in an interactive and enjoyable way!
## Features
- Use draggable blocks to write code
- See the output of code by running the code
- Can reset the workspace
- User friendly and Easy to use
## Video Example
[https://www.youtube.com/embed/cD0D-QSKG20?si=EOZOJ5BqgZt7U_o5](https://drive.google.com/file/d/16zvshJggUrsq-JfiEU9dA6QF5osCq8Po/view?usp=sharing)
## Installation
Download the zip file or paste the below line in terminal
``` bash
git clone https://adityakumar-2501/codewithblocks
```
After that go to codewithblocks folder and run the below code in terminal
```bash
npm install
```
The above line install all dependencies used in project
Start server
```bash
npm run dev
```
## Authors
- [Aditya Kumar](https://www.github.com/adityakumar-2501)