https://github.com/manthanank/investment-calculator
Investment Calculator App
https://github.com/manthanank/investment-calculator
angular tailwindcss
Last synced: 2 months ago
JSON representation
Investment Calculator App
- Host: GitHub
- URL: https://github.com/manthanank/investment-calculator
- Owner: manthanank
- Created: 2024-10-22T04:26:29.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2025-06-18T03:25:42.000Z (about 1 year ago)
- Last Synced: 2025-10-25T04:56:51.323Z (8 months ago)
- Topics: angular, tailwindcss
- Language: HTML
- Homepage: https://investment-calculator-manthanank.vercel.app
- Size: 1.11 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🚀 Investment Calculator - Redesigned
A comprehensive, modern investment calculator built with Angular 19 and Tailwind CSS. Plan your financial future with advanced calculation features and beautiful visualizations.
## ✨ Features
### 🔢 Multiple Calculation Types
- **Simple Interest**: Basic interest calculation for straightforward investments
- **Compound Interest**: Advanced compounding with customizable frequency
- **SIP (Systematic Investment Plan)**: Regular monthly investment planning
### 📊 Smart Analytics
- Real-time calculations as you type
- Growth percentage visualization
- Contribution vs Interest breakdown
- Monthly effective rate display
- Progress bar visualization
### 🎯 Investment Scenarios
- Pre-configured investment strategies:
- **Conservative**: 6% p.a. with lower risk
- **Moderate**: 8% p.a. with balanced approach
- **Aggressive**: 12% p.a. with higher returns
- One-click scenario loading
### 📈 Detailed Breakdown
- Quarterly investment progression
- Month-by-month balance tracking
- Interest accumulation over time
- Total contributions vs earnings
### 🎨 Modern UI/UX
- Beautiful gradient backgrounds
- Responsive design for all devices
- Smooth animations and transitions
- Intuitive tab-based navigation
- Professional color scheme
- Mobile-first approach
## 🛠️ Technology Stack
- **Frontend**: Angular 19 (latest)
- **Styling**: Tailwind CSS 3.4
- **Language**: TypeScript 5.5
- **Build Tool**: Angular CLI 19
- **State Management**: Angular Signals (reactive)
## 🚀 Getting Started
### Prerequisites
- Node.js 18+
- npm 9+
### Installation
1. **Clone the repository**
```bash
git clone
cd investment-calculator
```
2. **Install dependencies**
```bash
npm install
```
3. **Start development server**
```bash
npm start
```
4. **Open your browser**
Navigate to `http://localhost:4200`
## 🔧 Available Scripts
- `npm start` - Start development server
- `npm run build` - Build for production
- `npm test` - Run unit tests
- `npm run watch` - Build in watch mode
## Contributing
To contribute to the project, please fork the repository and submit a pull request.
## License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.