Merge pull request #32 from HellBus1/staging

docs: Revamp project README and update DaisyUI dependency.

Author: HellBus1

README.md

@@ -1,63 +1,216 @@
-# InvestCount – Maximize Your Savings and Financial Growth
+# InvestCount – Indonesia's Independent Deposit Calculator
 
-![screencapture-localhost-5173-2024-09-12-12_55_14](https://github.com/user-attachments/assets/1e5077fb-da81-4e49-84cc-e8bc40a5639d)
+<div align="center">
 
-## Description
+![InvestCount Banner](https://github.com/user-attachments/assets/1e5077fb-da81-4e49-84cc-e8bc40a5639d)
 
-**InvestCount** is your go-to tool for boosting your savings and growing your wealth, effortlessly! Just enter your deposit amount, interest rate, tax rate, and holding period (in months) – and voilà, you get your interest calculated instantly. 🎯💰
+**Hitung bunga deposito bersih dalam 5 detik. Gratis & tanpa iklan.**
 
-Start making smart financial decisions with real-time insights, and watch your savings grow! 🚀
+[![Version](https://img.shields.io/badge/version-1.5.0-blue.svg)](https://github.com/HellBus1/InvestCount)
+[![License](https://img.shields.io/badge/license-Apache%202.0-green.svg)](LICENSE)
+[![Live Demo](https://img.shields.io/badge/demo-live-success.svg)](https://investtcount.mattrmost.com/)
 
-## Features
+</div>
 
-1. **Responsive Design:** Enjoy a seamless experience on any device, whether you're on mobile, tablet, or desktop. 📱💻
+---
 
-2. **Real-time Deposit Calculation:** Effortlessly calculate interest rates, tax deductions, and holding periods with live results as you type. 💻🔢
+## 📖 About
 
-3. **Modern User Interface:** A sleek, intuitive design that makes complex calculations feel simple and engaging. 🎨✨
+**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.
 
-4. **Easy-to-Use:** Start calculating in seconds—no need to be a financial expert! 😉
+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
 
-5. **Deposit Growth Predictions (Coming Soon):** Visualize your long-term savings growth with a customizable forecast table for up to 5 or 10 years. 📊📈
+> **Mission**: *"Membantu setiap orang Indonesia memahami bagaimana uang mereka bekerja melalui deposito, dengan jujur dan sederhana."*
 
-## What's New in Version 1.1.1
-Deposit graphs that display all deposit rates for banks in Indonesia (especially digital banks), helping users decide where to invest their deposits.
+---
 
-![screencapture-investcount-pages-dev-2025-03-23-06_07_56 (2)](https://github.com/user-attachments/assets/428ee904-c1e9-4369-a8b9-0fa69e78a697)
+## ✨ 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
 
-## Getting Started
+### 📊 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
 
-1. **Clone the repository** :
-```shell
+### 💰 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** :
-```shell
+2. **Install dependencies**
+```bash
 npm install
 ```
 
-3. **Run the development server** :
-```shell
+3. **Run the development server**
+```bash
 npm run dev
 ```
 
-4. **Build for production** :
-```shell
+The app will be available at `http://localhost:5173`
+
+4. **Build for production**
+```bash
 npm run build
 ```
 
-## Getting Started
+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:
+
+[![Buy Me A Coffee](https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png)](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
+
+---
 
-Contributions are welcome! Please open an issue or submit a pull request.
+<div align="center">
 
-## Powered By 🛠️
-1. React JS Template: [ts-react-tailwind-starter](https://github.com/HellBus1/ts-react-tailwind-starter)
-2. ChatGPT and Other Generative AI Tools 🤖✨
+**Made with ❤️ for Indonesia's financial literacy**
 
-## Supports Me
-Want to see more free, high-quality code and articles? Buy me a coffee and make it happen! 
+[Live Demo](https://investtcount.mattrmost.com/) • [Report Bug](https://github.com/HellBus1/InvestCount/issues) • [Request Feature](https://github.com/HellBus1/InvestCount/issues)
 
-[!["Buy Me A Coffee"](https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png)](https://www.buymeacoffee.com/syubban)
+</div>

package-lock.json

@@ -47,7 +47,7 @@
     "@typescript-eslint/parser": "^7.15.0",
     "@vitejs/plugin-react-swc": "^3.8.1",
     "autoprefixer": "^10.4.19",
-    "daisyui": "^5.5.5",
+    "daisyui": "^4.1.12",
     "eslint": "^8.57.0",
     "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-react-refresh": "^0.4.7",