How Much Pi? 🧮

How Much Pi? is a sleek, modern one-page web app that lets you explore π (pi) to any number of digits — from 1 up to 10,000. Simply enter how many digits you want to see, and instantly get a beautifully formatted, scrollable display of π's digits with helpful features.

Visit it live here: https://howmuchpi.netlify.app/

Features

• Input any digit count between 1 and 10,000
  
• Instant display of π digits in a clean, monospace font
  
• Smooth typewriter animation for small digit requests (≤500)
  
• Copy to clipboard and download as .txt options for convenience
  
• Quick-select buttons for popular digit lengths (100, 314, 1000)
  
• Dark mode toggle for comfortable viewing
  
• Sticky input header keeps controls accessible while scrolling
  
• Shareable URLs via query parameters (e.g., ?digits=314)
  
• Collapsible trivia section explaining π’s history and uses
  
• Responsive, accessible, and SEO-friendly design
  

Tech Stack

• React with TypeScript for a robust, type-safe frontend
  
• Vite as the build tool for fast development and production builds
  
• Tailwind CSS for utility-first styling and responsive layouts
  
• Lucide React for crisp, modern icons
  
• ESLint + TypeScript ESLint for consistent, error-free code quality
  

How It Was Built

This project was developed using Bolt, a powerful AI website builder that helps create sleek, modern sites quickly with clean code and smooth UX in mind.

Built With

• tailwind
• typescript
• vite