Front-End Engineer (Vue SPA and Extensions)
Budget: $15 – $25 USD
You will be responsible for taking the current MVP of our Vue SPA and designing a product experience that tech savvy, but non-technical product marketeers and customer success teams would love to use. You are the initial and primary customer of our internal Screenshotting and Styling API, and your feedback is crucial to help elevate it in the mission of making our App better. You will extend the initial MVP feature set and expand along the following tracks:
- Make it as easy as possible for our customer to identify a feature inside their web app and tag it for automated screenshotting. This might be an in-page browser that looks like an inspect element panel, it could be a Chrome extension, it could be an easier way to write our current query selectors by hand. We are likely to run multiple tests until we find the best fit.
- Allow for easy cleansing, as in, the way for the customer to tell us what elements we should remove from a page before a screenshot is taken. An interface to help enhance the output, whether that be injecting HTML elements or allowing them to draw directly on the output (in a way that can be formatted and saved through our API). Finally, a suite affording various styling options, as streamlined as tools like Canva, all the way to animations that help explain a feature. Again, the API is to do the work, the frontend is to allow for a way to provide the recipe.
- Build an interface to provide a smooth setup path to embed our live screenshots, and an easy-to-use Syncing flow for the applications we integrate with.
A large part of our success hinges on us being able to adopt many of the technical wonders from engineering and leveraging them via non-technical user interfaces. So your job is also one of the artful craft in tuning a form, button, dropdown, sort, filter and label, to the degree one would not need to on other B2B applications - and we are not shy to apply a fair amount of B2C glitter to achieve this.
Once an image is extracted, cleaned, enhanced and styled it is uploaded to our CDN and our customer can use it manually from here. We’ll also offer native integrations that allow them to sync images automatically. However, we assume there is a real need to allow access to the live images in different environments; a plugin/extension for e.g. Zendesk, to see Support folks easily reply to a ticket with a linked image, is a likely path of ours.
We are looking for previous experience working with
- Building production-level B2B Web Apps
- Vue 3 SPA (JS/TypeScript)
- Tailwind CSS (HeadlessUI)
- Plain vanilla CSS for the more sexy UI Elements we might implement, like Kanban boards.
- Consuming and commenting on internal APIs
- AWS Amplify (Serverless Design), DynamoDB, GraphQL
- UX research
- Analytics/Event tagging for research
What you bring to the table
- Minimum 3 years of industry experience in front-end development
- A developer who derives satisfaction from producing a genuinely useful product that improves the lives of others
- A customer-first mentality, with an instinct to imagine how users will react and interact
- Strong and precise communication and documentation skills, with a will to understand and be understood
- Prides themselves on writing highly readable, thoroughly tested code
- The personal organization skills and patience to manage multiple contexts as projects and features come together. A good dev can: juggle tickets and Git branches, keep zero inbox, write notes for themselves to keep their small tasks straight, whip up shell scripts/test data to automate repetitive tasks
- A passion for being part of the startup journey
- A willingness to take initiative and enthusiasm to make an impact and take action
- Thrives in a highly collaborative environment and enthusiasm for being a team player
We use Tailwind UI, but having implemented prior Design Systems and generally having a superior eye for design is a big plus.
- Make it as easy as possible for our customer to identify a feature inside their web app and tag it for automated screenshotting. This might be an in-page browser that looks like an inspect element panel, it could be a Chrome extension, it could be an easier way to write our current query selectors by hand. We are likely to run multiple tests until we find the best fit.
- Allow for easy cleansing, as in, the way for the customer to tell us what elements we should remove from a page before a screenshot is taken. An interface to help enhance the output, whether that be injecting HTML elements or allowing them to draw directly on the output (in a way that can be formatted and saved through our API). Finally, a suite affording various styling options, as streamlined as tools like Canva, all the way to animations that help explain a feature. Again, the API is to do the work, the frontend is to allow for a way to provide the recipe.
- Build an interface to provide a smooth setup path to embed our live screenshots, and an easy-to-use Syncing flow for the applications we integrate with.
A large part of our success hinges on us being able to adopt many of the technical wonders from engineering and leveraging them via non-technical user interfaces. So your job is also one of the artful craft in tuning a form, button, dropdown, sort, filter and label, to the degree one would not need to on other B2B applications - and we are not shy to apply a fair amount of B2C glitter to achieve this.
Once an image is extracted, cleaned, enhanced and styled it is uploaded to our CDN and our customer can use it manually from here. We’ll also offer native integrations that allow them to sync images automatically. However, we assume there is a real need to allow access to the live images in different environments; a plugin/extension for e.g. Zendesk, to see Support folks easily reply to a ticket with a linked image, is a likely path of ours.
We are looking for previous experience working with
- Building production-level B2B Web Apps
- Vue 3 SPA (JS/TypeScript)
- Tailwind CSS (HeadlessUI)
- Plain vanilla CSS for the more sexy UI Elements we might implement, like Kanban boards.
- Consuming and commenting on internal APIs
- AWS Amplify (Serverless Design), DynamoDB, GraphQL
- UX research
- Analytics/Event tagging for research
What you bring to the table
- Minimum 3 years of industry experience in front-end development
- A developer who derives satisfaction from producing a genuinely useful product that improves the lives of others
- A customer-first mentality, with an instinct to imagine how users will react and interact
- Strong and precise communication and documentation skills, with a will to understand and be understood
- Prides themselves on writing highly readable, thoroughly tested code
- The personal organization skills and patience to manage multiple contexts as projects and features come together. A good dev can: juggle tickets and Git branches, keep zero inbox, write notes for themselves to keep their small tasks straight, whip up shell scripts/test data to automate repetitive tasks
- A passion for being part of the startup journey
- A willingness to take initiative and enthusiasm to make an impact and take action
- Thrives in a highly collaborative environment and enthusiasm for being a team player
We use Tailwind UI, but having implemented prior Design Systems and generally having a superior eye for design is a big plus.