🚀 I Built a Simple Invoice Generator with Astro! [Feedback Welcome]

#astro #javascript #webdev #beginners

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

📬 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