A web application built with React and TypeScript to calculate the total charge for a customer based on job square footage and price per square foot, including sales and supervisor commissions.
- Calculate quotes based on square footage and price per square foot
- Automatically adds:
- 5% sales commission
- 10% supervisor fee
- Clean, professional user interface
- Responsive design for all devices
- Node.js and npm must be installed on your system
- Install Node.js from https://nodejs.org/ if not already installed
- Navigate to the project directory
- Install dependencies:
npm install
- Start the development server:
npm run dev
- Open http://localhost:3000 in your browser
This project is configured for deployment to Netlify.
- Create a Netlify account if you don't have one
- Install Netlify CLI:
npm install -g netlify-cli
- Log in to Netlify:
netlify login
- Deploy to Netlify:
netlify deploy --prod
- Push this project to a GitHub repository
- Connect your Netlify account to GitHub
- Select the repository for deployment
- Configure build settings:
- Build command:
npm run build - Publish directory:
.next
- Build command:
- Deploy
Quoting_Software/
│
├── src/
│ ├── pages/
│ │ ├── _app.tsx # App wrapper
│ │ ├── index.tsx # Main quoting page
│ ├── styles/ # CSS modules
│ │ ├── Home.module.css
│ │ ├── globals.css
├── public/ # Static assets
├── package.json # Dependencies
├── tsconfig.json # TypeScript configuration
├── next.config.js # Next.js configuration
├── netlify.toml # Netlify configuration