A personal hub of practical calculators, maps, planners, and experiments built for everyday use.
Welcome to My Tools — a curated collection of web-based utilities designed to solve real-world problems. From financial calculations to interactive maps, each tool is crafted with a focus on user experience, performance, and practical utility.
Whether you're planning a budget, analyzing investments, checking healthcare options, or exploring maps, you'll find a polished solution here.
Smart financial planning at your fingertips.
- 📊 Compound interest calculations
- 💸 Investment projections
- 📈 Loan & EMI calculations
- 🎯 Retirement planning tools
- Tech: HTML5, JavaScript, responsive design
Deep dive into ETF performance and analysis.
- 📉 Performance tracking
- 📊 Comparative analysis
- 🔍 Data visualization
- 💡 Investment insights
- Tech: HTML5, JavaScript, charting libraries
Understand your spending patterns with style.
- 📊 CSV data import
- 💳 Spending categorization
- 📈 Trend analysis
- 🎨 Interactive visualizations
- Tech: React, Vite, modern JavaScript
Explore Victoria's vibrant city with an interactive map.
- 🗺️ Suburb boundary visualization
- 🔍 Geographic search
- 📍 Location details
- 🎨 Beautiful cartography
- Tech: TypeScript, React, Vite, mapping libraries
Discover and visualize global road networks.
- 🌍 Interactive world map
- 🛣️ Road quality and infrastructure data
- 📊 Regional comparisons
- 🔎 Advanced filtering
- Tech: React, Vite, geospatial data
Track road conditions and infrastructure across Victoria.
- 🛣️ Real-time road data
- 📍 Quality assessments
- 📈 Historical trends
- 🗺️ Interactive mapping
- Tech: HTML5, Canvas, data visualization
Modern healthcare management and planning tools.
- 🏥 Provider discovery
- 💊 Service catalog
- 🔍 Insurance integration
- 📱 Responsive design
- Tech: Next.js, TypeScript, Prisma, GraphQL, TailwindCSS
Planning childcare expenses made simple.
- 👶 Cost estimation
- 🎯 Budget planning
- 📊 Comparison tools
- 💰 Subsidy calculations
- Tech: HTML5, JavaScript, responsive design
Calendar tools and planning utilities.
- 📆 Event management
- ✨ Beautiful UI
- 📱 Responsive layout
- Tech: HTML5, vanilla JavaScript
Explore the cosmos with an interactive 3D visualization.
- 🌍 Realistic planet models
- ⭐ True solar system scale
- 🎨 High-quality textures
- 🎵 Immersive audio
- Tech: TypeScript, React, Vite, 3D graphics
Music and sound exploration project.
- 🎶 Interactive audio
- 🎨 Creative interface
- 📱 Mobile-optimized
- Tech: React Native, TypeScript
Each tool is standalone and can be accessed independently:
# Navigate to any tool directory
cd finance-calculator
# Install dependencies (if applicable)
npm install
# Run the development server
npm start
# or
npm run devcd health-care
npm install
npm run devThe application will be available at http://localhost:3000
- React — UI components and state management
- TypeScript — Type-safe development
- Vite — Lightning-fast build tool
- TailwindCSS — Modern styling
- Next.js — Full-stack framework (healthcare module)
- Prisma — Modern ORM
- GraphQL — API queries
- Node.js — Runtime environment
- Canvas API — Graphics rendering
- WebGL — 3D graphics
- D3.js — Data visualization
- Leaflet — Map rendering
- ESLint — Code quality
- Jest — Testing framework
- Vite — Build optimization
tools-web/
├── finance-calculator/ # Investment & financial planning
├── etf-analyzer/ # ETF performance analysis
├── health-care/ # Healthcare navigation (Next.js)
├── melbourne-map/ # Interactive suburb mapping
├── transaction-analyser/ # Spending analysis & tracking
├── world-roads/ # Global road network explorer
├── calendar/ # Victoria calendar utilities
├── childcare/ # Childcare cost calculator
├── Solar-System-Visualization/ # 3D cosmos explorer
└── nrh-music/ # Music experimentation
✅ User-Centric Design — Intuitive interfaces built for real users
✅ Performance Optimized — Fast load times and smooth interactions
✅ Responsive — Works seamlessly on desktop, tablet, and mobile
✅ Data Privacy — Client-side processing where possible
✅ Beautiful UI — Modern design with attention to detail
✅ Accessible — WCAG compliant interfaces
✅ Production Ready — Tested and reliable
Each tool follows a consistent design language:
- Clean, modern aesthetic
- Intuitive navigation
- Thoughtful color schemes
- Smooth animations
- Accessible to all users
All projects are version-controlled with Git. Check individual project directories for:
- Commit history
- Branch information
- Contribution guidelines
This collection of tools is provided under the MIT License — feel free to use, modify, and distribute.
Improvements and contributions are welcome! Each tool is maintained independently, so:
- Fork the relevant project
- Create a feature branch
- Make your improvements
- Submit a pull request
Keep an eye out for upcoming additions to the toolkit:
- 📊 Advanced data analytics
- 🎮 Interactive games
- 🔧 Developer utilities
- 🌤️ Weather tools
- 📚 Learning resources
Have questions or suggestions? Found a bug?
Feel free to:
- 📧 Open an issue in the relevant project
- 💬 Check existing documentation
- 🔍 Review project READMEs for tool-specific details
Each tool serves as a great example of:
- Modern JavaScript/TypeScript patterns
- React and Next.js best practices
- Data visualization techniques
- Responsive web design
- UI/UX principles
Built with ❤️ for everyday utility and practical problem-solving.
Last Updated: 2026 | View Projects