Skip to content

Latest commit

 

History

History
54 lines (35 loc) · 2.29 KB

README.md

File metadata and controls

54 lines (35 loc) · 2.29 KB
Raw

Technical Assessment

Welcome to this technical assessment! The assessment is divided into two parts:

Part 1: React Application Update

In this part, you will update a React application.

Instructions:

  1. Clone this repository.

  2. Local development is powered by the Shopify CLI. It logs into your partners account, connects to an app, provides environment variables, updates remote config, creates a tunnel and provides commands to generate extensions.

  3. Install the dependencies by running npm install.

  4. Start the development server by running npm run dev.

  5. Connect your Shopify Partners account and then select 'Yes, create it as a new app' then type any App Name then select your Store and then select 'Yes, automatically update' then click 'p' in the terminal and install the app

  6. Open the file app/routes/app._index.jsx.

  7. Implement the following functionalities:

    • UI components: Create the necessary UI components as described in the file.
    • Data Fetching: Fetch the data from the provided API endpoint and display it in the UI components.
    • Duplicate functionality: Implement the functionality of the 'Duplicate Template' button. When this button is clicked, a new template with the same content as the selected template should be created.

  8. This is what the final result should look like

test-recording.mp4

Part 2: Vanilla JavaScript

In this part, you will create a basic A/B testing logic using vanilla JavaScript.

Instructions:

  1. Open the file script_instructions.md.
  2. Follow the instructions in the file to implement the A/B testing logic.

Submission:

  1. Create a new GitHub repository.
  2. Clone the repository and copy your changes to the new repository.
  3. Push your changes to the new repository.
  4. Share the link of the new repository with us.

Assessment Criteria

  • Code Quality: Your code should be well-organized and easy to read.
  • Functionality: Your code should work as described in the instructions.
  • Completion: All the tasks described in the instructions should be completed.

Note

  • Do not modify any files other than app/routes/app._index.jsx and script_instructions.md.
  • Do not install any additional packages.

Good luck!