CalculHub is a premium, all-in-one suite of advanced calculators and mathematical tools designed for accuracy, speed, and a sleek user experience. Built with the latest Angular v20+ paradigms, it leverages reactive Signals, Standalone Components, high-performance Change Detection, and Server-Side Rendering (SSR) to provide a seamless, SEO-optimized interactive dashboard.
Live: calcul-hub.vercel.app
- 📊 Dynamic Visualizations: Real-time charts and progress tracking using
Chart.js. - 🏥 Health & Fitness Suite: includes BMI, Body Fat, Ideal Weight, and BMR/TDEE calculators with logic-based recommendations.
- 💰 Financial Tools: Advanced calculators for interest, loans, and investment planning.
- 📐 Mathematical Precision: Powered by
math.js,nerdamer, andalgebra.jsfor complex symbolic and numerical computations. - 🎨 Premium UI/UX: A state-of-the-art dark-mode aesthetic with smooth animations driven by GSAP and interactive elements powered by Swiper.
- 📱 Fully Responsive: Optimized for every screen size, from mobile phones to high-resolution desktops.
- 🔍 SEO Optimized: Server-side rendering (SSR), dynamic meta tags, JSON-LD structured data, and content sections optimized for search engine bots.
- Framework: Angular v20+ (Standalone Components, Signals, Native Control Flow, SSR)
- Styling: Modern CSS with CSS Variables & Glassmorphism effects
- Icons: Lucide Angular
- Animations: GSAP (GreenSock Animation Platform)
- Charts: Chart.js
- Mathematical Engines: Mathjs, Nerdamer, Algebra.js
- Slider/Layout: Swiper.js
- Node.js (Latest LTS)
- Angular CLI
git clone https://github.com/Samkr8639/CalculHub.git
cd CalculHub
npm installnpm start # ng serve
npm run build # ng build (SSR-enabled)| Part | Feature | Status |
|---|---|---|
| 1 | Angular SSR (Server-Side Rendering) | ✅ Done |
| 3 | Unique title + meta description per page | ✅ Done |
| 4 | /sitemap.xml in /public |
✅ Done |
| 5 | /robots.txt in /public (all crawlers allowed) |
✅ Done |
| 6 | Canonical tags via SeoService | ✅ Done |
| 7 | Open Graph + Twitter Card meta tags | ✅ Done |
| 8 | JSON-LD structured data (WebApplication, FAQPage, BreadcrumbList) | ✅ Done |
| 9 | Content sections on calculator pages | ✅ Done |
| 10 | Home page with H1, calculator grid, about section | ✅ Done |
| 13 | AI crawlers (GPTBot, ClaudeBot, PerplexityBot) allowed in robots.txt | ✅ Done |
| 13 | HTML sitemap at /sitemap for AI crawlers |
✅ Done |
| 14 | Internal linking via SEO nav and related links | ✅ Done |
- Purchase a domain:
calculhub.com,calculhub.in, orthecalculhub.com - Go to Vercel Dashboard → Project → Settings → Domains
- Add your custom domain and follow the DNS configuration steps
- Update
BASE_URLinsrc/app/app.routes.tsfromcalcul-hub.vercel.appto your new domain - Update
src/index.htmlcanonical and OG URL defaults - Update
public/sitemap.xmlURLs - Update
public/robots.txtsitemap URL - To 301-redirect from
calcul-hub.vercel.app→calculhub.com, add tovercel.json:"redirects": [ { "source": "/:path*", "has": [{ "type": "host", "value": "calcul-hub.vercel.app" }], "destination": "https://calculhub.com/:path*", "permanent": true } ]
- Go to https://search.google.com/search-console
- Click Add property → enter your domain (e.g.
calculhub.com) - Verify ownership using HTML tag method:
- Copy the meta tag Google gives you (e.g.
<meta name="google-site-verification" content="YOUR_CODE">) - Add it to
src/index.htmlinside<head> - Deploy and click Verify in Search Console
- Copy the meta tag Google gives you (e.g.
- Once verified:
- Go to Sitemaps → Submit → enter
sitemap.xml→ Submit - Go to URL Inspection → paste homepage URL → Request Indexing
- Do the same for your 5 most important calculator pages
- Go to Sitemaps → Submit → enter
- Check back in 48–72 hours for indexing status
- Go to https://www.bing.com/webmasters
- Add your site and verify via XML file or meta tag
- Submit sitemap:
https://your-domain.com/sitemap.xml
- Framework: Angular 21 with SSR (
@angular/ssr) - Rendering: Prerendered static HTML for all calculator routes
- SEO:
SeoServicedynamically sets title, meta, canonical, OG, and JSON-LD per route - Icons:
lucide-angular@0.567.0 - Charts: Chart.js
- Animations: GSAP
| Category | Calculators |
|---|---|
| Financial | Mortgage, Compound Interest, GST, SIP, FD, Income Tax, Mutual Fund, PPF, Loan Eligibility, Home Loan EMI, Retirement, Investment, Bike Loan EMI, Education Loan EMI |
| Mathematical | Percentage, Scientific, Algebra, Matrix, Statistics |
| Health | Calorie/TDEE, BMI, Body Fat, Ideal Weight |
MIT License - Developed with ❤️ by Sameer Kumar