Overview

This is based on the coding challenge by Amplify to create a system that has 4 containers with tags that can be moved and sorted

Requirements / Limitations

• Use React for Layout
• Use Javascript / Typescript for anything that needs it
• Uses CSS/SCSS for styling
• Cannot use any third party libraries
• No popups and everything must be done inline

Challenge Points

• AMP-001 - A page with 4 different sections each containing tags
• AMP-002 - Each tag should be enclosed in rectangle colored boxes
• AMP-003 - Users have the ability to add tags to a list of pages
• AMP-004 - Users can select a tag (single-click) and press Delete to delete
• AMP-005 - Users can delete a tag by clearing the text inside it
• AMP-006 - Move a tag to a different list by dragging and dropping
• AMP-007 - User is able to edit the tag by double-clicking
• AMP-008 - Tags are automatically sorted alphabetically
• AMP-009 - After changing sections, tag should be animated by flying from their old to new position