Full Stack Invoice Report

This project is a full-stack Invoice Report application developed using React for the frontend and Python for the backend. Users can securely create, view, update, and delete invoice records through an authenticated system. The application also supports generating downloadable PDF invoices and features a fully responsive, user-friendly interface.

Frontend Tech Stacks

1. npm create vite@latest

2. npm install react-router@latest

3. npm install react-router-dom@latest

4. npm install axios@latest

5. npm install @tanstack/react-query

6. npm install react-icons --save

7. npm install zustand

8. npm install html2canvas jspdf

9. npm install react-to-print

10. npm install react-hot-toast

11. npm install react-spinners --save

12. npm i react-cookie

Frontend Execution

    npm install

    npm run dev

Frontend '.env' Demo

1. VITE_BACKEND_URL = Add Your Backend URL

Backend Tech Stacks

1. Python

2. Django Framework

3. Mongo DB

Backend Execution

python -m venv venv

venv\Scripts\activate

pip install -r requirements.txt

python manage.py runserver

deactivate

Backend '.env' Demo

1. MONGODB_URI = Add Your Mongo DB URL

2. MONGODB_DB_NAME = Add Your Mongo DB Database Name

3. FRONTEND_URL = Add Your Frontend URL

4. SECRET_KEY = Add Your JWT Authorization Purpose Secret Key

5. DEBUG = Add The Debug Boolean Value