https://github.com/hellbus1/investcount
A simple deposit calculator that helps you calculate interest to make smarter financial decisions.
https://github.com/hellbus1/investcount
daisy daisyui react reactjs tailwindcss typescipt vite
Last synced: 2 months ago
JSON representation
A simple deposit calculator that helps you calculate interest to make smarter financial decisions.
- Host: GitHub
- URL: https://github.com/hellbus1/investcount
- Owner: HellBus1
- License: apache-2.0
- Created: 2024-08-23T12:19:16.000Z (almost 2 years ago)
- Default Branch: master
- Last Pushed: 2024-10-27T13:06:43.000Z (over 1 year ago)
- Last Synced: 2025-01-16T10:10:53.370Z (over 1 year ago)
- Topics: daisy, daisyui, react, reactjs, tailwindcss, typescipt, vite
- Language: TypeScript
- Homepage: https://investcount.pages.dev/
- Size: 776 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# InvestCount – Indonesia's Independent Deposit Calculator
**Hitung bunga deposito bersih dalam 5 detik. Gratis & tanpa iklan.**
[](https://github.com/HellBus1/InvestCount)
[](LICENSE)
[](https://investtcount.mattrmost.com/)
---
## 📖 About
**InvestCount** is Indonesia's most transparent and independent deposit calculator platform. We help Indonesians—from young savers to retirees—understand how their money works through deposits with honesty and simplicity.
Unlike other financial tools, InvestCount is:
- 🔍 **Transparent** – No hidden agendas or bank affiliations
- 📚 **Educational** – Learn while you calculate
- 🆓 **Free Forever** – No subscriptions or paywalls
- 🚫 **Ad-Free** – Clean, distraction-free experience
- 🔒 **Privacy-First** – No login required, no data collection
> **Mission**: *"Membantu setiap orang Indonesia memahami bagaimana uang mereka bekerja melalui deposito, dengan jujur dan sederhana."*
---
## ✨ Features
### 🧮 Core Calculator
- **Real-time Deposit Calculation** – Calculate interest, tax deductions (20%), and net returns instantly
- **ARO Support** – Simulate Automatic Roll Over (ARO) and ARO+ with compounding effects
- **Multiple Deposit Types** – Support for Non-ARO, ARO, and ARO+ calculations
- **Tax Calculation** – Automatic 20% tax deduction as per Indonesian regulations
- **Flexible Tenors** – Calculate for 1, 3, 6, or 12-month periods
### 📊 Bank Comparison
- **Comprehensive Rate Comparison** – Compare deposit rates from major Indonesian banks
- **Digital & Traditional Banks** – Coverage of both conventional and digital banks
- **Visual Charts** – Interactive charts powered by Recharts for easy comparison
- **Up-to-date Information** – Regular updates with last-updated timestamps
### 💰 Budget Planner
- **Financial Planning Tool** – Plan your deposit strategy with our budget planner
- **Goal Setting** – Set financial goals and track progress
- **Smart Recommendations** – Get personalized deposit recommendations
### 🛡️ LPS Information
- **Deposit Insurance** – Learn about LPS (Lembaga Penjamin Simpanan) coverage
- **Safety Guidelines** – Understand deposit safety limits (up to Rp 2 billion per bank)
- **Educational Content** – Clear explanations of deposit protection
### 📝 Financial Education Blog
- **Expert Articles** – Learn about deposits, taxes, and financial planning
- **SEO-Optimized Content** – Easy-to-find answers to common questions
- **Current Topics**:
- Cara Menghitung Bunga Deposito
- Deposito vs Tabungan
- Inflasi dan Deposito
### 🎨 User Experience
- **Responsive Design** – Seamless experience on mobile, tablet, and desktop
- **Modern UI/UX** – Clean, intuitive interface with smooth animations
- **Accessibility** – WCAG 2.1 AA compliant
- **Dark Mode Ready** – Comfortable viewing in any lighting condition
- **Quick Navigation** – Floating action button for easy site navigation
---
## 🛠️ Technology Stack
### Frontend Framework
- **React 18.3.1** – Modern React with hooks and concurrent features
- **TypeScript 5.2.2** – Type-safe development
- **Vite 6.2.2** – Lightning-fast build tool and dev server
### Styling & UI
- **Tailwind CSS 3.4.7** – Utility-first CSS framework
- **DaisyUI 5.5.5** – Beautiful component library
- **Motion 12.6.2** – Smooth animations and transitions
### Content & Documentation
- **MDX 3.1.1** – Write JSX in Markdown for rich blog content
- **Remark GFM 4.0.1** – GitHub Flavored Markdown support
- **Rehype Plugins** – Auto-linking headings and slug generation
- **Gray Matter 4.0.3** – Front matter parsing for blog posts
- **Reading Time 1.5.0** – Estimated reading time for articles
### Data Visualization
- **Recharts 2.15.1** – Composable charting library for React
### Routing
- **React Router DOM 6.26.2** – Declarative routing for React
### Development Tools
- **ESLint** – Code linting and quality checks
- **Prettier 3.3.3** – Code formatting
- **Husky 8.0.0** – Git hooks for pre-commit checks
- **Lint-Staged 15.2.9** – Run linters on staged files
- **Jest 29.7.0** – Testing framework
---
## 🚀 Getting Started
### Prerequisites
- Node.js 16+ and npm/yarn installed
- Git for version control
### Installation
1. **Clone the repository**
```bash
git clone git@github.com:HellBus1/InvestCount.git
cd InvestCount
```
2. **Install dependencies**
```bash
npm install
```
3. **Run the development server**
```bash
npm run dev
```
The app will be available at `http://localhost:5173`
4. **Build for production**
```bash
npm run build
```
5. **Preview production build**
```bash
npm run preview
```
### Available Scripts
| Script | Description |
|--------|-------------|
| `npm run dev` | Start development server |
| `npm run build` | Build for production |
| `npm run preview` | Preview production build |
| `npm run lint` | Run ESLint |
| `npm run lint:fix` | Fix ESLint errors |
| `npm run format` | Format code with Prettier |
| `npm test` | Run Jest tests |
---
## 🤝 Contributing
Contributions are welcome! Here's how you can help:
1. Fork the repository
2. Create a feature branch (`git checkout -b feature/amazing-feature`)
3. Commit your changes (`git commit -m 'Add some amazing feature'`)
4. Push to the branch (`git push origin feature/amazing-feature`)
5. Open a Pull Request
Please ensure your code:
- Follows the existing code style
- Passes all linting checks (`npm run lint`)
- Is properly formatted (`npm run format`)
- Includes appropriate tests
---
## 📄 License
This project is licensed under the Apache License 2.0 - see the [LICENSE](LICENSE) file for details.
---
## 👨💻 Author
**Syubban Fakhriya**
- GitHub: [@HellBus1](https://github.com/HellBus1)
- LinkedIn: [syubban-fakhriya](https://www.linkedin.com/in/syubban-fakhriya/)
---
## 💖 Support
If you find InvestCount helpful, consider supporting the project:
[](https://www.buymeacoffee.com/syubban)
Your support helps keep InvestCount free, ad-free, and continuously improving!
---
## 🙏 Acknowledgments
- **React JS Template**: [ts-react-tailwind-starter](https://github.com/HellBus1/ts-react-tailwind-starter)
- **AI Tools**: ChatGPT and other generative AI tools for development assistance
- **Data Sources**: Bank Indonesia, OJK (Otoritas Jasa Keuangan), LPS (Lembaga Penjamin Simpanan)
- **Community**: All contributors and users who provide feedback
---
**Made with ❤️ for Indonesia's financial literacy**
[Live Demo](https://investtcount.mattrmost.com/) • [Report Bug](https://github.com/HellBus1/InvestCount/issues) • [Request Feature](https://github.com/HellBus1/InvestCount/issues)