Hey DEV community! 👋

I've recently been working on a small project — a simple invoice generator — and decided to build it using Astro. I thought it would be fun to share my journey and gather some feedback from you all!

🛠 Tech Stack

  • Astro: Frontend framework for lightning-fast static sites
  • Vercel: Hosting
  • FormSubmit: For handling the contact form without a backend

🎯 Project Goal

I wanted to build a lightweight tool where:

  • Users can quickly generate invoices
  • No login/signup is required
  • Users can download or print the invoices
  • Optionally upload their company logo
  • Simple and mobile-friendly UI

No user data is stored — everything happens on the client side. 🔐

✨ Features

  • Add client and company information
  • Add multiple invoice items
  • Auto-calculates totals and taxes
  • Upload a company logo (optional)
  • Download or print the final invoice
  • Contact form integrated using FormSubmit

📸 Sneak Peek

Invoice Generator Screenshot

📬 Contact Form Setup

I kept the project backendless by integrating FormSubmit, allowing form submissions to go directly to my inbox without needing to set up a custom server or API.

🌍 Live Demo

🖥 Visit the Invoice Generator

🧠 Lessons Learned

  • Astro is amazing for building fast static websites
  • Serverless services like FormSubmit make it easy to deliver functionality without backend code
  • Designing for simplicity can be more challenging than adding complex features
  • Client-side apps can be powerful without needing databases or user auth

🙌 I'd Love Your Feedback!

  • What do you think about the UI/UX?
  • Any features you'd suggest adding?
  • If you have experience with Astro, what are your best practices?

Thanks for reading! 🚀

Looking forward to hearing your thoughts and ideas! 👇