MIT Scratch Clone

A modern web-based implementation of MIT Scratch, built with React, Vite, Blockly, and React-Draggable. This application allows users to visually program and animate sprites through a drag-and-drop interface.

Features

• Block-Based Programming: Utilize Blockly to create visual scripts by snapping blocks together.
• Sprite Manipulation: Control sprite movements, rotations, and other actions.
• Draggable Interface: Easily move and position sprites on the canvas.
• Undo/Redo: Easily undo and redo actions to manage changes.

Tech Stack

• React: For building the user interface.
• Vite: For fast development and build processes.
• Blockly: For creating block-based programming environments.
• React-Draggable: For enabling draggable functionality in React components.

Getting Started

Prerequisites

Ensure you have the following installed:

• Node.js (version 14 or higher) - I have tested with v18
• npm (Node Package Manager)

Installation

1. Clone the Repository

   git clone https://github.com/ksanjeeb/mit-scratch-clone.git
   cd mit-scratch-clone

2. Install Dependencies & Run

  npm install

  npm run dev

Your app will be up and running at localhost:5173

For questions or feedback, please reach out at [email protected].