Invoice Manager

App for managing invoices that has a PWA and was made with the use of T3 stack. I used the Frontend Mentor design and enriched it with additional features.

I'm using a free SendGrid license, so if logging via email or sending a pdf isn’t working, it’s probably due to the SendGrid’s limit which resets every 24 hrs. Sorry for the inconvenience.

Table of contents

• Overview
  • Website
  • What it contains
• Built with
• Install process
• Build process

Overview

Website

App live demo unfortunately not working currently, my free database was turned down.

What it contains

• Auth with Google and Magick email link
• Dark mode
• CRUD for invoices
• PWA
• Invoice PDF generation
• Invoices sending via email
• E2E tests with Cypress

Built with

• TailwindCSS
• tRPC
• Prisma
• Next Auth
• Next
• TypeScript
• PlanetScale
• TanStack Query
• Send Grid
• Formik
• Zod
• Yup
• Headless UI
• Next PWA
• PDFKit
• Cypress

Install process

1. Install Node.js
2. Navigate to project folder in command line
3. Run npm install
4. Set all required env variables
5. Run npm start

Build process

1. Open project folder in command line
2. Set all required env variables
3. Run npm run build