Skip to content

Latest commit

 

History

History
50 lines (29 loc) · 1.45 KB

README.md

File metadata and controls

50 lines (29 loc) · 1.45 KB
Raw

MIT Scratch Clone

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

Features

  • Block-Based Programming: Utilize custom block using react drag and drop 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.
  • React Beautiful DND: For creating drag and drop 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

  2. Install Dependencies & Run

  npm install
  npm run dev

Your app will be up and running at localhost:5173

To Check Same implementation using Google Blockly Please got to this url - https://github.com/ksanjeeb/MIT-Scratch-Blockly

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