A simple and intuitive tax calculator web application built with Next.js that helps users calculate their income tax based on Australian tax brackets for different financial years.
As part of an interview process with an organisation
- Calculate income tax based on annual gross income
- Support for multiple financial years (2021-2022, 2022-2023, 2023-2024, 2024-2025)
- Detailed breakdown of tax by income brackets
- Responsive design with dark/light mode support
- Simple and user-friendly interface
- Authorisation baked-in using Clerk Auth
- Deployed to Netlify with integrated CI/CD
- Custom CI setup on all branches
- Next.js - React framework for server-rendered applications
- React - JavaScript library for building user interfaces
- Tailwind CSS - Utility-first CSS framework
- shadcn/ui - Reusable UI components built with Radix UI and Tailwind
- next-themes - Theme management for Next.js
- clsx & tailwind-merge - Utilities for conditional class names
- Lucide React - Icon library
- TypeScript - Typed JavaScript
- Clerk Auth - Amazing plug and play auth provided by Clerck, generous free tier.
- GitHub CI Yaml - Continous Integration with GitHub CI yaml file.
- Netlify CD - Netlify for hosting and quick deployment along with it's in-built CD features.
- Node.js 18.x or later
- npm or yarn (pnpm is preferred)
- Clone the repository:
git clone https://github.com/yourusername/tax-calculator.git
cd tax-calculator##Auth config
configure your .env as per the .env.example file, setup clerk auth keys, visit Clerk Dashboard to setup the keys.
pnpm init
pnpm run devTODO: