Frontend Setup

Get the frontend running for either the main or commuity site

The setup for the main and community site is almost identical since they use the same tech stack.

However, for the main site, if you are developing or testing checkout-related features (that require getting feedback from the Shopify API), you must perform some additional setup.

Main Site

From the top-level directory containing the project:

cd client
npm install

Then to run the development server:

npm run dev

Now navigate to http://localhost:8086 to get to the home page of the eDroplets application.

Shopify Setup

When testing checkout-related features, we rely on received webhooks from Shopify to update the order information after a checkout is completed (i.e. mark the order as complete on our end). This is where we use Ngrok.

Currently, we have setup a static Ngrok To setup the webhooks, check your n

Then visit the Shopify Admin page and go to Settings > Notifications > Webhooks.

Community Site

From the top-level directory containing the project:

cd community
npm install

Then to run the development server:

npm run dev

Now navigate to http://localhost:8087 to get to the home page of the eDroplets community application.