{"id":22343122,"url":"https://github.com/soumojit622/Chromatic--Invoice-App","last_synced_at":"2025-07-30T01:33:01.254Z","repository":{"id":265080515,"uuid":"895058816","full_name":"soumojit622/Chromatic--Invoice-App","owner":"soumojit622","description":"Chromatic is an invoicing platform to create, manage, and send invoices 📑💼 with features like custom PDFs 📝, email notifications 📧, and automated reminders ⏰. Perfect for freelancers 👨‍💻 and businesses 🏢!","archived":false,"fork":false,"pushed_at":"2024-12-08T18:54:10.000Z","size":4063,"stargazers_count":4,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-12T15:13:06.041Z","etag":null,"topics":["authjs","jspdf","magic-ui","mailtrap","neondb","nextjs","prisma","reactjs","shadcn-ui","tailwindcss","typescript","vercel","zod"],"latest_commit_sha":null,"homepage":"https://invoice-app-beryl-one.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/soumojit622.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-11-27T13:40:24.000Z","updated_at":"2025-02-08T07:19:12.000Z","dependencies_parsed_at":"2025-01-31T11:15:25.390Z","dependency_job_id":null,"html_url":"https://github.com/soumojit622/Chromatic--Invoice-App","commit_stats":null,"previous_names":["soumojit622/invoice-app","soumojit622/chromatic--invoice-app"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/soumojit622/Chromatic--Invoice-App","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/soumojit622%2FChromatic--Invoice-App","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/soumojit622%2FChromatic--Invoice-App/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/soumojit622%2FChromatic--Invoice-App/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/soumojit622%2FChromatic--Invoice-App/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/soumojit622","download_url":"https://codeload.github.com/soumojit622/Chromatic--Invoice-App/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/soumojit622%2FChromatic--Invoice-App/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":267792748,"owners_count":24144931,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-07-29T02:00:12.549Z","response_time":2574,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["authjs","jspdf","magic-ui","mailtrap","neondb","nextjs","prisma","reactjs","shadcn-ui","tailwindcss","typescript","vercel","zod"],"created_at":"2024-12-04T08:14:53.859Z","updated_at":"2025-07-30T01:32:56.236Z","avatar_url":"https://github.com/soumojit622.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🚀 Chromatic - Simplify Invoicing with Ease\n\n[![Chromatic Banner](https://github.com/soumojit622/Invoice-App/blob/master/public/banner.png)](https://invoice-app-beryl-one.vercel.app)\n\n**Chromatic** is a feature-rich, full-stack invoicing application built from scratch using cutting-edge technologies. This platform is designed to help you create, manage, and send professional invoices effortlessly. With a clean user experience, powerful backend, and seamless integrations, it's your go-to solution for all things invoicing. 📑💼\n\n## 🌐 [Live Demo](https://invoice-app-beryl-one.vercel.app) 🚀\n\nCheck out the live demo of **Chromatic** [here](https://invoice-app-beryl-one.vercel.app) 🎉.\n\n---\n\n## 📚 Table of Contents\n\n- 📌 [Features](#-features)\n- 🛠️ [Technologies](#-technologies)\n- 🔧 [How It Works](#-how-it-works)\n- 🏅 [Use Cases](#-use-cases)\n- 🤝 [Contributions](#-contributions)\n- ⚡ [Future Improvements](#-future-improvements)\n- 📬 [Contact](#-contact)\n- 🙏 [Acknowledgments](#-acknowledgments)\n- 🎉 [Special Thanks](#-special-thanks)\n\n---\n\n## 🚩 Features 🎯\n\n- 🌐 **Next.js App Router**: Dynamic routing and server-side rendering for optimal performance. 🏎️\n- 📧 **Mailtrap Email API**: Beautiful, customizable email templates for invoice sharing and reminders. 📩\n- 💪 **Create, Edit, and Mark Invoices as Paid**: Full invoice management with easy customization. 🖋️✔️\n- 🚀 **Send Emails with Beautiful Email Templates**: Professional email notifications for invoices. 📤\n- 🔒 **Custom Authentication using Auth.js**: Secure, customizable login system with Magic Link authentication. 🔑\n- 📃 **REAL Custom PDF Generation**: Generate professional, shareable PDFs for invoices. 📄\n- 👀 **Send Invoices to Clients**: Effortlessly send invoices directly to clients via email. 📧\n- 🏄‍♂️ **Automated Reminder Emails**: Set up and send reminder emails for unpaid invoices. ⏳\n- 💽 **Neon Postgres Database**: Lightning-fast and scalable data storage with advanced query capabilities. 🗄️\n- 💨 **Prisma ORM**: Efficient, easy-to-use ORM for handling database interactions. 🔧\n- 🏎️ **Animated Dashboard**: Visualize key business metrics and track performance with dynamic charts. 📊\n- ✅ **Server Validation using Zod and Conform**: Robust, type-safe validation for all forms and inputs. 🛡️\n- 🎨 **Styling with Tailwind CSS and Shadcn UI**: Sleek and responsive design for optimal user experience. 🎨\n- 😶‍🌫️ **Deployed on Vercel**: Fast and scalable deployment for seamless access anywhere. 🚀\n- 🌟 **Beautiful Landing Page**: Designed to make an outstanding first impression with professional visuals. 🌟\n- ⚡ **Optimized Performance (React Streaming)**: Smooth and fast rendering, even with heavy traffic. 🚀\n- 📜 **Clean, Maintainable Code**: Code written with clarity, scalability, and best practices in mind. 🧑‍💻\n\n---\n\n## 📑 Technologies ⚙️\n\n- [**Next.js**](https://nextjs.org) - Framework for building server-rendered React applications.\n- [**Mailtrap**](https://mailtrap.io) - Email testing and management platform.\n- [**Neon Postgres**](https://neon.tech) - Serverless PostgreSQL for modern applications.\n- [**Prisma**](https://prisma.io) - A next-generation ORM for efficient database queries.\n- [**Tailwind CSS**](https://tailwindcss.com) - A utility-first framework for building modern designs.\n- [**Shadcn UI**](https://ui.shadcn.com) - Reusable UI components for building efficient user interfaces.\n- [**Auth.js**](https://authjs.dev) - A secure and customizable authentication solution.\n- [**Conform**](https://conform.guide/) - A server-side form validation library.\n- [**Vercel**](https://vercel.com) - A platform for deploying and hosting web applications.\n- [**Zod**](https://zod.dev) - Type-safe schema validation for improved developer experience.\n- [**Magic UI**](https://magicui.design/) - A UI library to create clean, modern, and beautiful web designs.\n\n---\n\n## 🔧 How It Works 🛠️\n\n1. **User Authentication**: Users can sign in using Magic Link authentication, ensuring a seamless and secure login experience.\n2. **Invoice Management**: Once logged in, users can create, edit, and mark invoices as paid. Each invoice is stored in a secure Neon Postgres database.\n3. **PDF Generation**: Users can generate and download invoices as PDFs, which are customized based on their requirements.\n4. **Email Notifications**: When an invoice is created or marked as paid, the platform sends automatic email notifications using customizable Mailtrap email templates.\n5. **Automated Reminders**: Users can set up reminder emails that are automatically sent for unpaid invoices.\n\n---\n\n## 🏅 Use Cases 🚀\n\n- **Freelancers and Contractors**: Easily create and manage invoices for clients, track payments, and send reminder emails for overdue invoices.\n- **Small Business Owners**: Simplify your invoicing process with automatic PDF generation, email sending, and reminder notifications.\n- **Agencies**: Manage multiple clients, generate professional invoices, and track payments with ease.\n- **Service Providers**: Send customized invoices for services rendered and track payment statuses.\n\n---\n\n## 🤝 Contributions 🌱\n\nWe welcome contributions! If you'd like to contribute to this project, please follow these steps:\n\n1. Fork the repository.\n2. Create a new branch (`git checkout -b feature-name`).\n3. Commit your changes (`git commit -am 'Add feature'`).\n4. Push the branch (`git push origin feature-name`).\n5. Create a new Pull Request.\n\n---\n\n## ⚡ Future Improvements 🔮\n\n- **Multi-currency Support**: Add the ability to create invoices in multiple currencies.\n- **Advanced Reporting**: Implement more advanced reporting and analytics for businesses to track income and expenses.\n- **Integrations**: Integrate with payment gateways like Stripe or PayPal to allow direct payments through the platform.\n- **Recurring Invoices**: Add functionality to create recurring invoices for clients on a scheduled basis.\n- **Improved Email Templates**: Expand email templates to include more customizable options, such as different themes or invoice layouts.\n\n---\n\n## 📬 Contact 💬\n\nFor questions, feedback, or suggestions, feel free to reach out:\n\n- **Email**: [soumojitbanerjee22@gmail.com](mailto:soumojitbanerjee22@gmail.com)\n- **LinkedIn**: [Soumojit Banerjee](https://www.linkedin.com/in/soumojit-banerjee-4914b3228/)\n- **GitHub**: [soumojit622](https://github.com/soumojit622)\n\n---\n\n## 🙏 Acknowledgments 👏\n\nA heartfelt thank you to the following technologies and their creators:\n\n- **Next.js** for building the full-stack framework.\n- **Mailtrap** for streamlining email workflows.\n- **Prisma** and **Neon** for simplifying database management.\n- **Tailwind CSS** and **Shadcn UI** for creating beautiful and responsive UI designs.\n- **Vercel** for making deployment and hosting seamless.\n- **Zod** for providing type-safe schema validation.\n- **Magic UI** for its beautiful design components that enhance user experience.\n\n---\n\n## 🎉 Special Thanks ❤️\n\nSpecial thanks to **ChatGPT** for providing invaluable assistance throughout the development of this project, helping with code, ideas, and documentation. 🙏\n\nA big shoutout to **YouTube** for being an incredible learning platform. Many of the resources and tutorials that guided the development of this application came from YouTube creators. 🎥\n\nYour support and knowledge made this project possible! 🙌\n\n---\n\n**Happy Invoicing!** 🎉\n\n---\n\nThis README will provide a comprehensive overview of your project, its features, and how others can contribute or use it. You can copy this text into the `README.md` file of your GitHub repository.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsoumojit622%2FChromatic--Invoice-App","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsoumojit622%2FChromatic--Invoice-App","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsoumojit622%2FChromatic--Invoice-App/lists"}