Skip to content

Latest commit

 

History

History
72 lines (46 loc) · 3.26 KB

Developer.md

File metadata and controls

72 lines (46 loc) · 3.26 KB
Raw

Test task for TypeScript/Vue.js/NodeJS developer in Lightspeed E-Series Customization Service

In this test task you will build a custom widget for an Ecwid online store that can be controlled from a separate settings page. Also, the settings page should contain a block to select and export products to a CSV file.

Task 1

Develop an application for the Ecwid online store that shows N of the recently updated products.

Embed an Ecwid online store into a regular website. A custom “Recently updated products” block is shown when visiting the cart page of the store: https://ecwid.d.pr/i/o3nTlW

Requirements

  • The recently updated products list appears on the cart page below the checkout section. Example: https://ecwid.d.pr/i/o3nTlW
  • The design of the custom products list replicates the default Ecwid products list styles
  • Customers can add products to the cart right from the list (add “Buy now” or similar button)
  • Customers can open the product details page by clicking on the product name or image in the product list
  • Customers can change the number of recently updated products shown in the list.
  • The store owner should know what products in the order were added from the “Recently updated products” block. (Hint: Use order extra fields)

Task 2

Develop a backend application for exporting products from an Ecwid online store. A user can visit a specific website page where they can see all store products and export all or some of them into a readable CSV/XLSX file.

Requirements

Requirements The settings page for your application is based on Ecwid CSS Framework components. The setting page includes feature description (what your application does) with on/off toggle to manage custom product list appearance Export products section should consist of a table-like list of store products with checkboxes and “Export selected products” button. Store owner can choose the products for the export using checkboxes Products list exported in CSV format Export and CSV download starts automatically when a store owner clicks the “Export selected products” button.

Task 3 (optional)

Add the functionality to enable/disable the “Recently updated products” block to the settings page of your app.

Requirements

  • On/off toggle is present on the settings page area of your app (task 2)
  • “Recently updated products” block is visible only if the toggle is in the “On” state (task 1)

Task 4

The project must be buildable on any machine using Docker Compose. The project should be easy to understand and work with.

Requirements

  • The project has a Git repo-like structure with a proper README.md file
  • The whole project can be launched within a single entry point for building and running the app (use Docker compose).

Data

Store data must be accessed using Ecwid REST API

The easiest way is to use the demo store. Here's the access info:

  • StoreID: 101560752
  • Token: public_eaBDuVmrse1hKZun4qaPF3LewugrnEgq

Useful links

Technologies

  • Typescript
  • Vue.js 3 (composition API)
  • HTML/CSS
  • Node.js
  • Docker (compose)