Engage Kit

View scheduled campaigns.
Create new campaign - details.
Create new campaign - distribution.
Create new campaign - design.

Inspiration

First step during the brainstorming and research phase was to review what information was available from the Square APIs and what existing functionality was available via the seller dashboard. After completing the brainstorming and research phase, the idea of a digital marketing tool was chosen for the hackathon.

What it does

Engage Kit allows sellers to engage with their customers via email and social media channels. Sellers can customise their campaigns using the built-in design editor and schedule when their campaigns start.

For email campaigns, the seller can select recipients from a list of customer groups and customer segments populated using Square APIs.

How we built it

Engage Kit is built as a React web application using the Next.js framework and uses UI components from Ant Design. Data is persisted in a MongoDB database and made available to the frontend application via server-side rendering and API routes.

Engage Kit is deployed on Azure using App Service and CosmosDB.

Challenges we ran into

The biggest challenge was learning to use the Next.js React framework and Ant Design UI components for the first time in a production application - it required dedication and persistence that paid off in the end!

Accomplishments that we're proud of

Getting to the finish line and being able to deploy the final version of Engage Kit to production on Azure.

What we learned

Thinking of an idea is actually much more difficult then implementing the idea!

What's next for Engage Kit

Improving design customisations and templates available in Engage Kit - the design editor is a bit elementary due to time constraints.
Linking marketing assets like photos and videos with the seller's products.