deepu1307 / moveable-box-generator

Movable-Box-Generator is a web base application. It is not responsive yet.

Moveable Box Generator

Build an app to generate new boxes and to move those boxes using keyboard keys.

Overview

It is a moveable box generator web based application. In this application, It has a big container and inside this container you can add a fixed size boxes as much as you want no limit for this. You can also delete those boxes whom you want to delete. These small size boxes will only move inside big container.

Functionalities of application

1. For adding Box - Click on +Add Box button.

2. For Enabling/Disabling Keyboard Control - Click on Enable or Disable Radio Button.

3. For Moving Boxes - Press on ArrowUp, ArrowDown, ArrowLeft, ArrowRight button.

4. For Delete box - Select box using mouse and Press Delete button

How to run this application in your Computer

1. Download this repository in your computer.

2. Extract folder and add this folder to IDE (Visual Studio Code).

3. Open terminal inside your folder and then write npm install command. It will add node_modules folder in your project folder.

4. In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.