📝 Project Description

This project is a Simple Calculator built using Next.js with modern web development tools and styling frameworks. It provides basic arithmetic operations and a responsive UI for a smooth user experience.

---

📂 Project Structure

simple-calculator/
├── .gitignore
├── README.md
├── package.json
├── tsconfig.json
├── tailwind.config.ts
├── postcss.config.mjs
├── eslint.config.mjs
├── next.config.ts
├── src/
│   ├── app/
│   │   ├── globals.css
│   │   ├── layout.tsx
│   │   └── page.tsx

---

🖼️ Screenshots

---

🔧 Features

• Basic Calculations: Addition, subtraction, multiplication, division.
• Advanced Options: Percentage, parentheses support, clear/reset functionality.
• Responsive Design: Mobile-friendly and styled with Tailwind CSS.
• Error Handling: Displays friendly error messages for invalid expressions.
• Fully Clickable Interface: Works without needing a keyboard.

---

🛠️ Technologies Used

• Next.js: React-based framework for server-side rendering.
• React: UI development and state management.
• TypeScript: Strong typing for better maintainability.
• Tailwind CSS: Utility-first CSS framework.
• PostCSS: CSS processing pipeline.
• ESLint: Linting and code style enforcement.

---

📄 Key Files

• src/app/page.tsx: Calculator component and logic.
• src/app/layout.tsx: Base layout for consistent structure.
• src/app/globals.css: Global styles and Tailwind import.
• tailwind.config.ts: Tailwind theme and config.
• tsconfig.json: TypeScript project settings.
• eslint.config.mjs: ESLint rules.
• next.config.ts: Next.js configuration.

---

🚀 Getting Started

1. Install dependencies:

npm install

2. Run development server:

npm run dev

3. Open in browser:

http://localhost:3000

---

Made with ❤️ by @codeprnv