This challenge proposition is to build an interactive scene with Drag 'n' drop features.
- Node Package Manager (NPM)
- Clone the repository
- Install dependencies using:
npm install - Run the app in the development mode using:
npm start - The app should automatically open at
http://localhost:3000, if not, open manually and have fun!
My first significant decision was which tool I was going to use for state management and which framework better suited this project. Due to the scale of my app and personal prefference. My first idea was to use Vue.js, what changed my mind was analyzing the capabilities of drag and drop libraries available in each framework. Vue Draggable being the main candidate for Vue, but unfortunately falling short in comparison to react-dnd, mostly because of way better cross-browser compatibility and availability of hooks. So I ended up going with React.js and react-dnd.
Decided to take the time to work on organizing myself with Trello, it's simple and gets the job done with the least amount of setup, making this a great choice for such a quick project, plus it feels nice to see tasks being completed and labels turning green. Also I have grown into the habit of sharing branch names with tasks id's.