Invoice and Payment Tracker is a comprehensive web-based platform designed to simplify the management of invoices and payments. This project provides users with features such as user authentication, invoice creation, customer management, invoice sending, payment tracking, a dashboard, and integration with popular payment gateways like PayPal and Stripe.
Invoice and Payment Tracker (React) :- https://payment-tracker-rct104.netlify.app/ GitHub Link :- GitHub Repository Directory Structure
Group Presentation :- Presentation Link One-to-One Questionaries :- Questionaries Link Video Walkthrough of the Project Attach a very short video walkthrough of all of the features [1 - 3 minutes] Video Link
Attach a very short video walkthrough of the codebase [1 - 5 minutes] Video Link
- User Authentication
- Secure login and signup
- User roles and permissions
- Invoice Management
- Create, edit, and delete invoices
- Add and manage customer information
- Payment Tracking
- Track payments against invoices
- Integration with payment gateways (PayPal, Stripe)
- Dashboard
- Overview of invoices, payments, and customer data
- Reports and analytics
- Recurring Invoices
- Set up and manage recurring invoices
- PDF Generation
- Generate and download invoices as PDF
- Notifications
- Email reminders for due payments
- Notifications for new invoices and payments
- Customizable Templates
- Customize invoice templates
- Multi-currency Support
- Support for different currencies and tax calculations
React Framework: React is used for building the user interface. Chakra UI and Tailwind CSS: These are used for styling and creating a responsive design. Redux: Used for state management. Vite: Used as the build tool for faster development and optimized production builds. Assumptions:
API Services: The application assumes that the backend API services for user authentication, invoice management, and payment processing are available and reliable. Responsive Design: The application is designed to work on both desktop and mobile devices. Performance: The application assumes acceptable performance considering the use of modern libraries and frameworks. Installation & Getting Started Detailed instructions on how to install, configure, and get the project running.
bash Copy code
git clone https://github.com/username/invoice-payment-tracker.git
cd invoice-payment-tracker
npm install
npm start Usage Instructions and examples on how to use your project.
Download or Clone the Project:
Clone the repository to your local machine using Git. Or download the project as a zip file and extract it. Open the Project Files:
Navigate to the project directory and open the project in a code editor like Visual Studio Code. Install Dependencies:
The project uses npm for package management. Run npm install to install the required dependencies. Run the Project:
Start the development server using npm start. Open http://localhost:3000 in your web browser to view the project. Backend Server:
Ensure the backend server is running and accessible. For a mock server, you can use json-server. bash Copy code
npm install -g json-server
json-server --watch db.json Credentials Provide user credentials for authenticated pages
GitHub user-id
Team-Lead: Soumya Subham Patra (SoumyaSubhamPatra) Collab-1: Suraj Pradip Kamble (suraj0119)
Manager I.A: Aditya Kumar Technology Stack A brief overview of the technologies used in the project:
React TypeScript Chakra UI Tailwind CSS Redux Vite Node.js Express MongoDB PayPal and Stripe integration