Paradise/README.md

PARADISE DOCK BUILDER

SETUP Process

• You are expected to clone this repository and set up a new repo remotely on ur github with the code (Preferably name the repo with your name. E.g john_doe_paradise_dock_builder_solution) To set up locally

  • a. clone the repo to your local machine
  • a. update remote origin
  • b. install dependencies (using -- "npm install")
  • b. run locally on your computer using this command - "npm run dev"

• Make sure to commit each fix with a valid message entailing what issue was fixed in the commit. This will help when grading your solution

• When you are done, cross check all fixes and then submit the repo that has your solutions.

• Any commit after your submmission will be discarded and won't be graded.

• PLEASE make sure to deploy the app to a live server, to allow full test by the Development team and the Quality Assurance Team (preferably netlify or vercel)

Table of Contents

1. Dock Category
2. Dock Data
3. Issues

Dock Category

• Dock Category is a category of the docks.
  • Dock Category can be one of the following:
    • ROLL-IN
    • FLOATING
    • SECTIONAL
    • WEDGES
    • RAMPS
    • BOAT LIFE LIFTS (2 CYLINDER)
    • BOAT LIFE LIFTS (4 CYLINDER)
    • ACCESSORIES

Dock Data

• Dock Data is the collection of all the docks information

  • docks is as follows: >

  {
    itemName: activeDockCategory -> (ROLL-IN, FLOATING, SECTIONAL, WEDGES, RAMPS, BOAT LIFTS (2 CYLINDER), BOAT LIFTS (4 CYLINDER), ACCESSORIES),
  
    image: dock?.image,
    category: category,
    length: dock?.length,
    materials: materials,
    top_view: dock?.top_view,
    width: dock?.width,
    lift_range: dock?.lift_range,
    model: dock?.model,
    no_of_cylinders: dock?.no_of_cylinders,
    name: dock?.name,
    thumbnail: dock?.thumbnail,
    weight_capacity: dock?.weight_capacity
    };
  

  • this information is to be attached to every dock that is added into the canvas editor as dockData

The Issues Are Listed Below

1. On the sidebar, each dock is listed as tablets with names and dimensions or size, and when you click on a dock, it will is added to the canvas editor

   Now the issue here is that is doesn't work

   Please fix this issue. (Tip - An onDockSelect handles this in Builder.jsx file)

2. CopySelection Functionality is not working Expected Behavior: When you click on the copy button, the selected object in the canvas editor should be copied to the clipboard Actual Behavior: The selected object is not copied to the clipboard

   Please fix this issue.

3. PasteSelection Functionality is not working Expected Behavior: When you click on the paste button, the selected object in the clipboard should be pasted to the canvas editor Actual Behavior: The selected object is not pasted to the canvas editor

   Please fix this issue.

4. onRedoClick Functionality is not working Expected Behavior: When you click on the redo button, the last undone action should be redone Actual Behavior: The last undone action is not redone

   Please fix this issue.

5. onUndoClick Functionality is not working Expected Behavior: When you click on the undo button, the last action should be undone Actual Behavior: The last action is not undone

   Please fix this issue.

6. onPrintScreen Functionality is not working Expected Behavior: When you click on the print screen button, the canvas editor should be printed Actual Behavior: The canvas editor is not printed

   Please fix this issue.

7. onDeleteSelection Functionality is not working Expected Behavior: When you click on the delete button, the selected object in the canvas editor should be deleted Actual Behavior: The selected object is not deleted

   Please fix this issue.

8. on the sidebar the downloadImage function is not working

   Expected Behavior: When you click on the download button, the selected dock should be downloaded as a png file and also trigger the download of the dockData you extracted in excel format Actual Behavior: The selected dock is not downloaded as a png file

   Please fix this issue.

9. on the sidebar onDownloadFile triggers toJSON function

   Expected Behavior: When you click on the download button, the canvas editor content is downloaded as a json file Actual Behavior: Nothing happens when you click on the download button

   Please fix this issue.

10. on the sidebar, the onUploadFile triigers uploadFile function

    Expected Behavior: When you click on the upload button, the json file we had previously downloaded should be uploaded, its data extracted and loaded into the editor Actual Behavior: Nothing happens when you click on the upload button

    Please fix this issue.

11. Finally, objects in the canvas editor of the category DockPanelCategories.Accessories, DockPanelCategories.BoatLift2, DockPanelCategories.BoatLift4, when being moved, should snap to the nearest snap point of other objects of any the above listed categories

    Expected Behavior: When you move an object in the canvas editor of the category DockPanelCategories.Accessories, DockPanelCategories.BoatLift2, DockPanelCategories.BoatLift4, it should snap to the nearest snap point of other objects of any the above listed categories Actual Behavior: Objects in the canvas editor of the category DockPanelCategories.Accessories, DockPanelCategories.BoatLift2, DockPanelCategories.BoatLift4 are not snapping to the nearest snap point of other objects of any the above listed categories

    Please fix this issue.