FinScope Calculators

FinScope is a high-performance, finance-only calculator website optimized for speed, accuracy, and ease of use. Built with Next.js 15, TypeScript, and Tailwind CSS.

Features

• Finance Focused: Specialized calculators for Loans, Insurance, Tax, and Investments.
• Fast & Static: 100% Static Site Generation (SSG) for ultra-fast load times.
• Privacy First: All calculations are performed client-side. No data is sent to servers.
• Responsive: Optimized for all devices with a clean, professional design.
• AdSense Ready: Strategic ad placements integrated for monetization.

Tech Stack

• Framework: Next.js 15 (App Router)
• Language: TypeScript
• Styling: Tailwind CSS
• Deployment: Cloudflare Pages
• Icons: Lucide React

Project Structure

app/
 ├─ loan-calculators/     # Loan specific calculators
 ├─ insurance-calculators/# Insurance specific calculators
 ├─ tax-calculators/      # Tax specific calculators
 ├─ investment-calculators/ # Investment specific calculators
lib/
 ├─ calculatorConfig.ts   # Configuration for all calculators
 ├─ formulas.ts           # Financial calculation logic
components/
 ├─ CalculatorEngine.tsx  # Core engine rendering forms and results

Getting Started

1. Clone the repository:

   git clone https://github.com/yourusername/finscope-calculators.git
   cd finscope-calculators

2. Install dependencies:

   npm install

3. Run the development server:

   npm run dev

4. Build for production:

   npm run build

Adding a New Calculator

1. Open lib/calculatorConfig.ts.
2. Define a new CalculatorConfig object with inputs, results, and metadata.
3. Add the logic to lib/formulas.ts and the dispatcher.
4. Export the config in the calculators object.
5. The page will be automatically generated!

License

MIT