---

🚀 Deployment

• Frontend: Hosted on Render as a static site.
• Backend: Hosted on Render as a Node.js web service.
• Both are connected and working in production.

---

📌 API Routes (Backend)

• POST /api/loans/create → Create new loan
• POST /api/loans/payment → Record loan payment / settlement
• GET /api/loans → Get all loans
• GET /api/loans/pending → Get pending (active) loans
• GET /api/loans/cleared → Get cleared loans
• GET /api/loans/cleared/:id → Get cleared loan details
• GET /api/loans/:id → Get loan by ID

---

🖥️ Frontend Pages

• Login Page – User authentication.
• Dashboard – All loans overview.
• Create Loan – Add a new loan.
• Manage Interest – Track and settle active loans.
• Settle Loan – Process interest payments or full settlement.
• Cleared Loans – View history of cleared loans.
• Settled Loan Detail – Loan details after clearance.

---

🛠️ Tech Stack

• Frontend: React, React Router, Context API, Axios
• Backend: Node.js, Express.js, MongoDB, Mongoose
• Deployment: Render (Static + Web Service)

---

🔮 Future Updates

• 📑 Loan Logs – Track all transactions (loan sanction, monthly payments, interest accumulation).
• 📈 Interest Automation – Auto-apply monthly interest.
• 🖼️ UI Updates – More intuitive and modern dashboard.
• 🏦 Payment Section – Detailed history of payments with filtering & export option.

---

📷 Screenshots

Login Page

Dashboard

Create Loan

Manage Interest

Loan Settlement Page

Cleared Loans

Cleared Loan Details

---

👨‍💻 Author

Developed by Harshit Patel 🚀
Looking for opportunities as a Full Stack Developer.

---