QuickCalc - a modern calculator app with a sleek, user-friendly interface. Built using React and Tailwind CSS for a responsive, customizable design.
QuickCalc is a calculator app designed to provide an efficient and elegant solution for basic calculations. Developed using React and styled with Tailwind CSS, it is responsive and compatible across various devices. Social media meta tags (Open Graph and Twitter Card) are included for enhanced visibility on platforms.
- Responsive Design: Built with Tailwind CSS for seamless experience on mobile and desktop.
- Customizable Layout: A clean and user-friendly interface for easy calculations.
- Cross-Browser Compatibility: Optimized for consistent performance on different devices and browsers.
- Social Media Ready: Includes Open Graph and Twitter Card meta tags for enhanced sharing.
├── .gitattributes
├── .gitignore
├── LICENSE
├── README.md
├── package-lock.json
├── package.json
├── postcss.config.js
├── public
│ ├── favicon.ico
│ ├── favicon_io
│ │ ├── android-chrome-192x192.png
│ │ ├── android-chrome-512x512.png
│ │ ├── apple-touch-icon.png
│ │ ├── favicon-16x16.png
│ │ ├── favicon-32x32.png
│ │ └── site.webmanifest
│ ├── index.html
│ └── og_image.png
├── src
│ ├── App.js
│ ├── components
│ │ └── Calculator.js
│ ├── index.css
│ └── index.js
└── tailwind.config.js
- Node.js (v14+)
- npm (v6+)
-
Clone the repository:
git clone https://github.com/your-username/quickcalc.git
-
Navigate to the project directory:
cd quickcalc
-
Install dependencies:
npm install
-
Start the development server:
npm start
-
Build for production:
npm run build
npm start
: Runs the app in development mode.npm run build
: Builds the app for production, outputting files to thedist
folder.
After installation, access the app by visiting http://localhost:3000
in your browser. For online hosting, consider deploying it to a platform like Vercel or Netlify.
Here’s a sneak peek of the QuickCalc app:
This project is licensed under the MIT License. See the LICENSE file for details.