Hello there future Teamweek Frontend Developer! Your mission, should you choose to accept it, is to replicate the drag and drop functionality that is available on our Timeline product, from this template.
The template already has the layout figured out for you. You're therefore only required to enable horizontal dragging of the element labeled "Task 1", along the light gray row. Please pay special attention to how the element snaps in place (the columns) while being dragged. Here is a screenshot and video demoing the same:
Video: https://cloudup.com/cD4O6knvnfv
The first step is to fork this repo so that a fork exists on your own GitHub account. After you have forked the repo, clone your forked version down onto your machine.
Install the repo's dependencies:
npm install
Then start the local server:
npm start
You should be able to see the app running on port 1234!
Please remember to commit often so we can see how you're tracking...
- Be familiar with the CSS Grid and Drag n Drop APIs.
- Have a basic understanding of Teamweek's Timeline drag & drop functionality
Once done, publish a minified build of the project to Surge or Now, and share the public URL. To generate the build, run:
$ npm run build
And then upload the generated dist folder. For example,
$ surge -d my-project-url.surge.sh -p dist
You can reach me at mitchel at teamweek dot com to seek any clarification(s).
Success!