I built FollowUp Writer — Write follow-ups fast

Building FollowUp Writer: A Personal Story of Streamlining Follow-ups

The Problem

As a senior developer, I've often found myself in situations where I needed to write follow-up emails or messages to clients, colleagues, or collaborators. However, I realized that I was spending an inordinate amount of time crafting these follow-ups, trying to make sure they were perfect and effective. I'd spend hours writing, rewriting, and editing, only to feel like I was still not getting it quite right. This was not only frustrating but also took away from more important tasks that required my attention. I knew I needed a solution that would allow me to write follow-ups quickly and efficiently, without sacrificing quality.

I started by analyzing my own follow-up writing process, trying to identify patterns and common elements that I could leverage to create a more streamlined approach. I realized that many of my follow-ups were variations on a theme, with similar structures and phrases being used repeatedly. This insight sparked the idea for FollowUp Writer, a tool that would help me and others like me write effective follow-ups fast.

What I Tried First

Before building FollowUp Writer, I tried using existing tools like Boomerang and Mailchimp to automate my follow-up process. However, I found that these tools were either too limited or too complex for my needs. For example, Boomerang allowed me to schedule emails, but it didn't provide any guidance on what to write or how to structure my follow-ups. Mailchimp, on the other hand, was too focused on marketing automation and didn't provide the level of customization I needed for my follow-up emails. I needed a more tailored solution that would address my specific pain points.

How I Built It

To build FollowUp Writer, I chose a tech stack that included React for the frontend, Groq for data querying, Vercel for hosting, and Stripe for payment processing. I started by setting up a React app using create-react-app, which gave me a solid foundation for building my UI components. I then integrated Groq to handle data querying and storage, using the following code snippet to fetch follow-up templates:

import { groq } from 'groq';

const fetchTemplates = async () => {
  const query = `*[_type == "followUpTemplate"]`;
  const response = await fetch('/api/groq', {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify({ query }),
  });
  const templates = await response.json();
  return templates;
};

I then built a simple UI component to display the follow-up templates, using React hooks to manage state and props:

import React, { useState } from 'react';

const FollowUpTemplate = ({ template }) => {
  const [selected, setSelected] = useState(false);

  const handleSelect = () => {
    setSelected(!selected);
  };

  return (
    <div>
      <h2>{template.title}</h2>
      <p>{template.description}</p>
      <button onClick={handleSelect}>Select</button>
    </div>
  );
};

One of the technically challenging aspects of building FollowUp Writer was implementing a robust payment processing system using Stripe. I needed to handle subscription plans, payment retries, and webhooks, all while ensuring a seamless user experience. I used the Stripe JavaScript library to integrate payment processing, using the following code snippet to handle subscription creation:

import Stripe from 'stripe';

const stripe = Stripe('YOUR_STRIPE_SECRET_KEY');

const createSubscription = async (planId) => {
  const subscription = await stripe.subscriptions.create({
    customer: 'YOUR_CUSTOMER_ID',
    items: [{ plan: planId }],
  });
  return subscription;
};

What I Learned

Throughout the process of building FollowUp Writer, I learned several valuable lessons about product development, user needs, and pricing strategies. One key insight was the importance of simplicity and ease of use in a product. I realized that users don't want to spend a lot of time figuring out how to use a tool; they want to be able to jump in and start using it right away. I also learned that pricing is a delicate balance between value and affordability. I experimented with different pricing tiers and models, ultimately settling on a subscription-based approach that aligned with user needs and expectations.

Try It

If you're struggling with writing follow-ups like I was, I invite you to try FollowUp Writer at https://followup-writer-tool-23arebz0c-sweths-projects-68683994.vercel.app. With its streamlined interface and customizable templates, FollowUp Writer can help you write effective follow-ups fast and get back to focusing on what matters most. Sign up for a free trial today and see the difference for yourself!