Smaculation

Smaculation is a lightweight, Excel-style web app for fast inventory-style calculations. It lets you enter opening, purchase, and issue data in a familiar grid and shows running totals instantly—no manual spreadsheet formulas required.

Note: The internal calculation logic is intentionally not documented here.

Features

• Spreadsheet-like grid with multiple rows
• Instant running totals per row
• Quantity fields accept whole numbers; value fields accept decimals
• History snapshots (save and reload any grid state)
• Clean, responsive UI for desktop and mobile
• Local-only data storage (no backend required)

Live Demo

https://smaculation.netlify.app

Tech Stack

• React
• Vite
• CSS

Getting Started

Prerequisites

• Node.js 18+ (recommended)
• npm

Install

npm install

Run locally

npm run dev

Open the URL shown in the terminal (usually http://localhost:5173).

Build for production

npm run build

Preview production build

npm run preview

Usage

1. Enter quantities and values in the grid.
2. Use Add row to expand the sheet.
3. Click Save to history to store the current grid.
4. Load any saved snapshot from the History section.

Deployment (Netlify)

1. Push the repo to GitHub.
2. In Netlify, choose Add new site → Import from Git.
3. Select your repository.
4. Build command: npm run build
5. Publish directory: dist
6. Deploy.

Project Structure

public/
  browser-logo.png
  footer-logo.png
  title-logo.png
  favicon-32.png
  favicon-64.png
  logo.png
src/
  App.jsx
  App.css
  index.css

Credits

Developed by Nayan.

License

All rights reserved.