A sleek, modern age calculator built with Next.js, TypeScript, and TailwindCSS that instantly computes exact age in years, months, and days with elegant animations and responsive design.
- Precise Age Calculation: Get your exact age in years, months, and days
- Real-time Validation: Instant feedback on input errors
- Elegant UI: Clean, minimalist design with smooth animations
- Fully Responsive: Perfect experience on all devices
- Accessibility Focused: Built with a11y best practices
- Dark/Light Mode: Supports system preferences
- Next.js - React framework for production
- TypeScript - Static typing for JavaScript
- TailwindCSS - Utility-first CSS framework
- date-fns - Modern JavaScript date utility library
- Node.js (v16+)
- npm or yarn
# Clone the repository
git clone https://github.com/ExploitEngineer/age-calculator.git
# Navigate to the project directory
cd age-calculator
# Install dependencies
npm install
# or
yarn install
# or
pnpm install
# Start the development server
npm run dev
# or
yarn dev
# or
pnpm devOpen http://localhost:3000 with your browser to see the result.
- Enter your date of birth (day, month, year)
- Click the calculate button or press Enter
- View your precise age in years, months, and days
This project is licensed under the MIT License - see the LICENSE file for details.
- Font used: Poppins
- Icons from Heroicons
- Inspired by Frontend Mentor challenges
Contributions, issues, and feature requests are welcome! Feel free to check the issues page.
- Fork the project
- Create your feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add some amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request