I built FollowUp Writer — Write follow-ups fast

#saas #tools #ai #email

Building FollowUp Writer: A Tool to Streamline Your Follow-ups

The Problem

As a senior developer, I've found myself in countless situations where I needed to follow up with clients, colleagues, or collaborators on pending tasks or projects. The problem was that I spent too much time crafting the perfect follow-up email, only to realize that I was repeating the same process over and over again. I'd spend hours writing and rewriting emails, trying to find the right tone and language to get my point across. This was not only time-consuming 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 the quality of the email. I wanted to be able to focus on the content of the email, rather than wasting time on formatting and structure. This is where the idea for FollowUp Writer was born.

What I Tried First

Before building FollowUp Writer, I tried using existing tools like Mailchimp and Boomerang. While these tools were great for automating email campaigns and reminders, they didn't quite fit my needs. I needed a tool that would allow me to quickly generate follow-up emails with a specific structure and tone. I also tried using templates in Gmail, but they were too rigid and didn't allow for the flexibility I needed. Specifically, I tried using Mailchimp's email template feature, but it was too focused on marketing campaigns, and Boomerang's reminder feature, but it didn't allow for customizable email templates.

How I Built It

I built FollowUp Writer using React, Groq, Vercel, and Stripe. I chose React because of its flexibility and ease of use, and Groq because of its powerful querying capabilities. Vercel provided a seamless deployment experience, and Stripe made it easy to integrate payment processing.

One of the technically challenging aspects of building FollowUp Writer was creating a system that would allow users to generate follow-up emails with a specific structure and tone. I achieved this by using a combination of React components and Groq queries. Here's an example of how I used Groq to fetch email templates:

import { groq } from 'groq';

const query = groq`
  *[_type == "emailTemplate"] {
    title,
    content
  }
`;

const EmailTemplates = () => {
  const [templates, setTemplates] = useState([]);

  useEffect(() => {
    fetch('/api/emails', {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({ query }),
    })
      .then((response) => response.json())
      .then((data) => setTemplates(data.result));
  }, []);

  return (
    <ul>
      {templates.map((template) => (
        <li key={template.title}>
          <h2>{template.title}</h2>
          <p>{template.content}</p>
        </li>
      ))}
    </ul>
  );
};

I also had to integrate Stripe payment processing, which required me to handle webhooks and payment intents. Here's an example of how I handled payment intents:

import { useState, useEffect } from 'react';
import { loadStripe } from '@stripe/stripe-js';

const stripe = loadStripe('YOUR_STRIPE_PUBLISHABLE_KEY');

const PaymentIntent = () => {
  const [paymentIntent, setPaymentIntent] = useState(null);

  useEffect(() => {
    fetch('/api/payment-intent', {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
    })
      .then((response) => response.json())
      .then((data) => setPaymentIntent(data));
  }, []);

  const handlePayment = async () => {
    const { paymentIntent: intent } = await stripe.confirmCardPayment(
      paymentIntent.id,
      {
        payment_method: {
          card: {
            number: '4242424242424242',
            exp_month: 12,
            exp_year: 2025,
            cvc: '123',
          },
        },
      }
    );

    if (intent.status === 'succeeded') {
      // Handle successful payment
    } else {
      // Handle failed payment
    }
  };

  return (
    <button onClick={handlePayment}>Pay Now</button>
  );
};

What I Learned

Building FollowUp Writer taught me the importance of understanding my target audience and their needs. I learned that users are willing to pay for a tool that solves a specific problem, as long as it's easy to use and provides value. I also learned that pricing is a delicate balance between providing value to the user and generating revenue. For example, I initially priced FollowUp Writer at $9.99/month, but after user feedback, I realized that $14.99/month was a more suitable price point.

Try It

If you're interested in trying out FollowUp Writer, you can sign up for a free trial at https://followup-writer-tool-2vitoyaki-sweths-projects-68683994.vercel.app. With FollowUp Writer, you can say goodbye to tedious follow-up emails and focus on what matters most – your work. Give it a try and see how it can streamline your follow-up process!

DEV Community