{"id":24042209,"url":"https://github.com/pawantech12/invoice-generator","last_synced_at":"2026-07-15T00:33:18.149Z","repository":{"id":271186125,"uuid":"912640852","full_name":"pawantech12/invoice-generator","owner":"pawantech12","description":"A responsive MERN Stack app to create, manage, and download invoices as PDFs. Features a clean UI with React, TailwindCSS, and real-time functionality for efficient invoicing!","archived":false,"fork":false,"pushed_at":"2025-01-09T04:25:17.000Z","size":67,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-08-25T15:45:27.570Z","etag":null,"topics":["invoice","invoice-generator","mern-project","mern-stack","mern-stack-development"],"latest_commit_sha":null,"homepage":"https://invoice-generator-rho-three.vercel.app","language":"JavaScript","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/pawantech12.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,"zenodo":null}},"created_at":"2025-01-06T05:01:58.000Z","updated_at":"2025-01-17T20:15:17.000Z","dependencies_parsed_at":"2025-01-06T06:21:30.290Z","dependency_job_id":"83e44900-edec-4559-9cc1-87c6237f9bae","html_url":"https://github.com/pawantech12/invoice-generator","commit_stats":null,"previous_names":["pawantech12/invoice-generator"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/pawantech12/invoice-generator","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pawantech12%2Finvoice-generator","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pawantech12%2Finvoice-generator/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pawantech12%2Finvoice-generator/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pawantech12%2Finvoice-generator/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/pawantech12","download_url":"https://codeload.github.com/pawantech12/invoice-generator/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pawantech12%2Finvoice-generator/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":281114816,"owners_count":26446038,"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-10-26T02:00:06.575Z","response_time":61,"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":["invoice","invoice-generator","mern-project","mern-stack","mern-stack-development"],"created_at":"2025-01-08T22:37:24.709Z","updated_at":"2025-10-26T13:34:09.026Z","avatar_url":"https://github.com/pawantech12.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Invoice Generator Web App - MERN Stack\n\nThis project is a fully functional **Invoice Generator Web App** built using the **MERN Stack** (MongoDB, Express, React, Node.js). It allows users to generate, view, and manage invoices, providing them with the option to download invoices as PDF files. The app also supports invoice deletion and features a clean, responsive user interface built with **React** and **TailwindCSS**.\n\n## Project Overview\n\nThis Invoice Generator Web App allows users to:\n- **Create invoices**: Add customer details and invoice information.\n- **View invoices**: Display all previously generated invoices in a table.\n- **Download as PDF**: Generate and download invoices in PDF format with jsPDF.\n- **Delete invoices**: Remove invoices from the system with a simple click.\n- **Fully responsive design**: The app is mobile-friendly and looks great on all screen sizes.\n\n\n## Features\n\n- **Create and Manage Invoices**: Users can easily create and save invoices.\n- **PDF Generation**: Invoices can be downloaded as PDF documents for easy sharing and record-keeping.\n- **Delete Invoices**: Invoices can be deleted from the system through a confirmation modal.\n- **User-Friendly Interface**: Built using **React** and **TailwindCSS** for a clean, modern, and responsive design.\n- **Backend API**: The backend is built with **Node.js** and **Express** to handle CRUD operations, and **MongoDB** stores the invoice data.\n- **Authentication (Optional)**: User authentication and session management can be integrated for personalized invoice management (this can be added in future iterations).\n\n\n## Technologies Used\n\n- **Frontend**:\n  - React.js\n  - TailwindCSS\n  - jsPDF (for PDF generation)\n  \n- **Backend**:\n  - Node.js\n  - Express.js\n  - MongoDB (Database)\n\n- **Other**:\n  - Axios (for API requests)\n  - React Toastify (for notifications)\n  - dotenv (for environment variable management)\n\n\n## Installation\n\n### Prerequisites\n\nBefore starting, ensure that you have **Node.js** and **npm** (or **pnpm**) installed. If you don’t have them installed, you can download them from [Node.js official website](https://nodejs.org/).\n\n### Steps to Install\n\n1. Clone this repository:\n   ```bash\n   git clone https://github.com/pawantech12/invoice-generator.git\n   cd invoice-generator\n   ```\n\n2. Install the frontend dependencies:\n   ```bash\n   cd client\n   pnpm install\n   ```\n\n3. Install the backend dependencies:\n   ```bash\n   cd server\n   pnpm install\n   ```\n\n4. Create a `.env` file in the root of the `server` directory and add your MongoDB connection URI:\n   ```\n   MONGODB_URI=your-mongodb-uri\n   PORT=3000\n   ```\n5. Create a `.env` file in the root of the `client` directory and add your backedn Url(default is http://localhost:3000):\n   ```\n   VITE_APP_BACKEND_URL=your_backend_url\n   ```\n\n6. Start the development servers:\n\n   - For the backend (server):\n     ```bash\n     pnpm start\n     ```\n\n   - For the frontend (client):\n     ```bash\n     pnpm run dev\n     ```\n\nThe frontend will be accessible at `http://localhost:5173` and the backend at `http://localhost:3000`.\n\n\n## Usage\n\n1. **Create Invoice**: Fill in customer information, product details, tax, and total, then click \"Create Invoice.\"\n2. **Download Invoice as PDF**: Click the PDF icon next to the invoice to download it.\n3. **Delete Invoice**: Click the trash icon to delete an invoice. A confirmation modal will appear.\n\n\n## API Endpoints\n\n- **GET** `/api/invoices/all`: Get a list of all invoices.\n- **POST** `/api/invoices`: Create a new invoice.\n- **DELETE** `/api/invoices/:id`: Delete an invoice by ID.\n\n\n## Future Enhancements\n\n- **User Authentication**: Integrate user authentication for managing personal invoices.\n- **Search and Filter**: Add features to search and filter invoices based on customer, date, or amount.\n- **Invoice History**: Implement an invoice history page for easy access to past invoices.\n- **Invoice Editing**: Allow users to edit existing invoices.\n\n\n## Contributing\n\nWe welcome contributions to this project! If you'd like to contribute, please follow these steps:\n\n1. Fork this repository.\n2. Create a new branch (`git checkout -b feature-name`).\n3. Commit your changes (`git commit -am 'Add new feature'`).\n4. Push to the branch (`git push origin feature-name`).\n5. Create a new pull request.\n\n\n\nFeel free to fork, clone, or use this project for learning or building your own invoicing app! If you have any questions or suggestions, don't hesitate to open an issue or create a pull request. 🚀\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpawantech12%2Finvoice-generator","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpawantech12%2Finvoice-generator","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpawantech12%2Finvoice-generator/lists"}