akhiil / MIT-scratch-clone

MIT Scratch project

Inspired from MIT Scratch

Deployed at (Desktop Only): https://mit-scratch-clone-peeyush-goyal.netlify.app/

This project covers main features of 4 sections of MIT Scratch

Features

• Drag and Drop your favourite functions to the lists
• Move functions between lists
• If you want to remove any function from Mid Area just drag and drop outside list
• You can create as many sprints as you want
• Move the sprint around Preview Area using Mouse
• Choose Sprint for which you want to execute you GUI Program
• Create as many as you like program lists
• Create long programs

Sections

• Motion

  1. Move in horizontal and vertical direction
  2. Rotate (Clockwise and Anti-Clockwise)
  3. Goto coordinate

• Looks

  1. You want your sprint to say some message
  2. Show Message for some duration
  3. Thinking ability to Sprint
  4. Think for some defined time
  5. Disappear thoughts
  6. Show Sprint
  7. Hide Sprint

• Events

  1. Broadcast a Message (Notification)

• Control

  1. Wait for some duration
  2. Repeat certain functions for speicified amount of times

Tech Stack

1. ReactJS

Libraraies

1. TailwindCSS
2. Notistack
3. Redux
4. Material UI

NOTE:

Almost All functions are attached with transition. There might be some delay in executing few functions. I know you would be very much excited for seeing it in action. 😄. Just a little patience 😊

DO NOT COPY OR USE THIS FOR ANY COMMERCIAL PURPOSES

To get started:

• Run npm i to install dependencies
• Run npm start and open http://localhost:3000 to see the app