Build a React + Tailwind full-stack web app to generate and manage invoices for a company called Hire Armada. This app will be for internal use and should store all data locally (using browser localStorage or IndexedDB).### 1. Authentication (Simple Local Auth):- Simulate a login with a hardcoded email/password (e.g. admin@hirearmada.com / hire123)- Show the dashboard only after login### 2. Invoice Creation Form:Create a form to collect the following Customer Info:- Customer Name- Email- Phone- Company Name (optional)- Address- Services Provided (multi-line input or dropdown)- Price (₹)- Due Date (optional)Auto-fill the following Hire Armada details (hardcoded):- Company: Hire Armada- Address: Mumbai, India- GSTIN: 29XXXXXXX- Email: team@hirearmada.com- Phone: +91-91234-56789- Bank: HDFC Bank, Acc No: XXXX XXXX, IFSC: HDFC000XXXXAuto-generate:- Invoice Number (auto-increment using localStorage)- Invoice Date (default to today)- GST (18%)- Subtotal, GST, and Total### 3. Invoice Preview:After form submission, display a styled invoice preview using Tailwind CSS with:- Hire Armada branding and logo- Bill To section with customer info- Table of services, price, tax, and total- Payment Info (bank details)- Signature or stamp section- Footer with “Thank you for your business”### 4. PDF Generation:- Add a “Download as PDF” button using html2pdf.js
or react-to-print
### 5. Invoice History:- Store all generated invoices locally in localStorage
- Create a dashboard with: - Table listing all invoices (Invoice No., Date, Customer Name, Amount) - Search bar (by customer name or invoice number) - Filter by date or paid/unpaid (toggle switch) - "View" button to see invoice preview again### 6. Optional Payment Feature:- Add a “Mark as Paid” toggle on each invoice- Store paid/unpaid status in localStorage### 7. Email Feature:- Optional “Send via Email” button (use EmailJS if needed)### 8. Tech Stack:- React- TailwindCSS- localStorage for persistence- html2pdf.js or react-to-print for PDF- EmailJS (optional)Make sure the UI is clean, responsive, and professional-looking, easy for internal team members to use. Add basic toast alerts for actions like “Invoice saved” or “PDF downloaded”.
Loading...
add shanzal@hirearmada.com as one of the emails and make the login work so I can see the actual webapp functioning
Loading...
make the side bar retractable by a button