hachetamaury/dragndrop

Drag and drop boxes on a square board

dragNdrop

Goal of this project :

Design a 4*4 board with alternative colors and implement drag and drop of each box on board, using React. Dropping one box onto another one should swap the two. All the other boxes should maintain their positions.

Getting Started

Get the repository from githup :

git clone https://github.com/HachetAmaury/dragNdrop.git

Installing

Go inside the directory

cd dragNdrop

install the dependancies

npm i

Launch the project

npm start

Running the tests

Run the test using Jest & Enzyme using this command

npm run test

Deployment

To deploy the code simply execute this command

npm run build

All the files will be in /dist

/dist/
 - index.html
 - main.css
 - main.js

Built With

• React - A JavaScript library for building user interfaces
• LESS - It's CSS, with just a little more.
• Webpack - A static module bundler for modern JavaScript applications
• Enzyme - A JavaScript Testing utility for React that makes it easier to test your React Components' output
• Jest - A delightful JavaScript Testing Framework with a focus on simplicity

Versioning

We use SemVer for versioning. For the versions available, see the tags on this repository.

Authors

• Amaury Hachet - github

See also the list of contributors who participated in this project.

License

This project is licensed under the MIT License - see the LICENSE.md file for details