💰 Smart Loan Calculator

A responsive React application that allows users to calculate monthly loan payments, total payable amount, and total interest based on loan amount, interest rate, and loan duration. Built using React, Formik for form handling, and Tailwind CSS for styling.

🚀 Live Demo

Check out the live version here:
👉 https://smartloancalculator.netlify.app/

🚀 Features

• 📥 User-friendly input form for loan details
• 📊 Real-time calculation of:
  • Monthly payment
  • Total payment
  • Total interest
• ✅ Validation of input fields using Formik
• 🎨 Styled with Tailwind CSS
• ⚡ Instant feedback and dynamic results

🖥️ Technologies Used

• React
• Formik
• Tailwind CSS
• Vite

📸 Screenshot

📦 Installation & Running Locally

# Clone the repo
git clone https://github.com/NelushGayashan/smart-loan-calculator.git

# Navigate into the project directory
cd smart-loan-calculator

# Install dependencies
npm install

# Run the app
npm run dev

The app should now be running on http://localhost:5173.

🛠️ Project Structure

smart-loan-calculator/
├── public/
├── src/
│   ├── components/
│   │   └── LoanCalculator.jsx
│   └── App.jsx
├── .gitignore
├── tailwind.config.js
├── vite.config.js
├── package.json
└── README.md

📄 License

This project is open source and available under the MIT License.

👨‍💻 Author

Made with ❤️ by Nelush Gayashan