---

🧾 Quotation Form

A modern web application for generating professional quotation forms using React, Vite, and Tailwind CSS. Fast, responsive, and linted for clean development.

---

📸 Preview

Form

Generated PDF

---

🚀 Features

• ✅ Professional quote generation
• 📱 Fully responsive design
• ⚡ Blazing-fast development with Vite
• 🎨 Styled using Tailwind CSS
• 🧹 Code linting via ESLint

---

🧰 Tech Stack

Tech	Role
React	UI rendering
Vite	Development/build tool
Tailwind CSS	Styling
ESLint	Linting & code quality
JavaScript	App logic

---

📦 Installation

Prerequisites

• Node.js
• npm or yarn

Steps

1. Clone the repository:

   git clone https://github.com/ricky-sharma/quotation-form.git

   This command clones the repository to your local machine.

2. Navigate into the project directory:

   cd quotation-form

   Change into the project directory to prepare for installation.

3. Install dependencies:

   npm install

   This command installs all the necessary dependencies for the project.

---

▶️ Usage

1. Start the development server:

   npm run dev

   This command starts the development server.

2. Open the application:

   Navigate to http://localhost:3000 in your web browser to view the application.

---

🧪 Linting

To run ESLint and check for code quality issues:

npm run lint

This command runs ESLint to identify and fix problems in your JavaScript code.

---

🖌️ Tailwind CSS Styling

Use utility classes directly in your JSX to maintain styling consistency.

---

📁 Project Structure

quotation-form/
├── public/             
├── src/
│   ├── components/     
│   ├── App.jsx         
│   ├── main.jsx        
│   └── index.css       
├── .eslintrc.cjs       
├── vite.config.js      
└── package.json

---

📄 License

This project is licensed under the BSD-3-Clause License.

---

React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

• @vitejs/plugin-react uses Babel for Fast Refresh
• @vitejs/plugin-react-swc uses SWC for Fast Refresh

Expanding the ESLint configuration

If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the TS template for information on how to integrate TypeScript and typescript-eslint in your project.

---