💰 How I Built a Simple SaaS Product with Angular, Firebase & Tailwind (And Made ₹10K)

Agni TemplatesAgni Templates
2 min read

🎯 Introduction

Last month, I launched a simple SaaS product built with Angular, Firebase, and TailwindCSS — and within a few weeks, it generated ₹10,000 in revenue. 💰

In this blog, I'll share:

  • The tech stack I used to build it

  • How I deployed and scaled it

  • My strategy for monetizing it

If you're planning to build a side-income SaaS, this guide is for you. 🚀


Step 1: The Idea + Tech Stack

I wanted to create a simple task management tool for freelancers and small teams. 💡 The goal was to:

  • Create and assign tasks

  • Use Firebase for real-time collaboration

  • Have a sleek, modern UI with TailwindCSS

💻 Tech Stack:

  • Frontend: Angular + TailwindCSS

  • Backend: Firebase (Firestore DB)

  • Authentication: Firebase Auth

  • Hosting: Vercel

  • Payments: Razorpay (₹10K revenue)


Step 2: Building the SaaS MVP

🔥 1. User Authentication (Firebase Auth)

I added Google Sign-In and email authentication.

🔥 This allowed easy onboarding with a single click.


🚀 2. Real-time Task Management (Firestore)

I used Firestore to store and sync tasks in real-time.

✅ This allowed instant task updates across all devices.


🎯 3. Styling with TailwindCSS

Tailwind made the UI look clean and modern.

🔥 With just a few Tailwind classes, I had a beautiful, responsive UI.


Step 3: Deployment & Hosting

I deployed the SaaS on Vercel with a single command:

Vercel's free tier handled the initial traffic smoothly.


Step 4: Monetizing the SaaS (₹10K Revenue)

I added Razorpay for payments:

🔥 I offered:

  • Free tier: For basic task management

  • Pro plan (₹499/month): For advanced features

Within the first month, 20 users upgraded to Pro → ₹10K revenue 💰


Lessons Learned:

  • Keep the MVP simple: Focus on solving one problem effectively

  • Firebase + Vercel → Fast, free, and scalable

  • Monetize early: Even a simple SaaS can generate revenue


🎯 Conclusion:

Building a SaaS with Angular, Firebase, and Tailwind was easier than I expected. By keeping it simple and launching quickly, I was able to validate the idea and make ₹10K in revenue.

🔥 Thinking of building your own SaaS? Start small, iterate fast, and you’ll be surprised how quickly you can earn revenue. 💰


🚀 Follow me for more Angular + SaaS building tips! 😎

0
Subscribe to my newsletter

Read articles from Agni Templates directly inside your inbox. Subscribe to the newsletter, and don't miss out.

Written by

Agni Templates
Agni Templates