As a repair shop, handing out quotes is probably something that you find yourself doing all the time. It gets repetitive and most of the times can be a distraction from more important work that needs to be done to keep the business thriving. One way to cut back on all of this time is by developing a custom quote system that can accomodate for a large percentage of the devices you find yourself repairing for clients.
Below are some snapshots of the site in action
This site was developed with the intentions of creating and integrating a custom quote modal that could save time and money from an owner perspective. Basic CRUD functionality has been implemented (account creation/register). A dashboard for registered accounts has been developed for future use.
Users can obtain a free quote by clicking on the "Free Quote" button on the top right of the homepage, which pulls up the 6 quote modals, each of which is configured independently as it's own database table and schema, allowing for more flexibility and customization between product lines. Each quote modal is comprised of a custom object which stores the integral details related to the object, such as Manufacturer, model, repair type, price, etcetera.
window.CELL_DATA = { Apple: { label: 'Apple', options: { iphone6: { label: 'iPhone 6/6s/6+', options: { iphone6: { label: 'Iphone 6', options: { iphone6battery: { label: 'Battery', price: '$10' }, iphone6display: { label: 'Display', price: '15$' }, iphone6charger: { label: 'Charger', price: '15$' }, iphone6speaker: { label: 'Speaker', price: '15$' }, iphone6homebutton: { label: 'Home Button', price: '15$' }, iphone6rearassembly: { label: 'Rear Assembly', price: '15$' }, iphone6somethingelse: { label: 'Something Else', } } },
Customers are able to keep track of the quote system progress with the help of a progress bar which represents the progress in the form of a percentage.
Essentially, each selection made by the user is captured and stored temporarily until the quote is finalized. Once the selections are made, the user can progress to the customer details page, where they input their personal information.
Once the user finalizes the quote, all the data pertaining to the schema is sent back to the database and the user is presented with their quote information.
Currently, the users must contact us outside of the site - I am using Facebook Business Page as my main contact method with customers. Ideally, a way to schedule and correspond to customers will be integrated in future updates, as will Stripe payments. I have a backend dashboard page for registered accounts where it will display and allow easier retrieval and access to quotes, invoices, payments, and other pertinent information. Only the cell quotes modal is developed - the other 5 quote modals need developed.
If you want to replicate or use this, you will need a few things to get up and running. Firstly, you will need a mongoDB database and you will need to add your URI under connection.js - const URI = ""
You will also need to download node.
Once these requirements have been met, go to the folder where you have cloned the repo and copy the address URL; Start up CMD and cd into this directory and start the node server using the following "node server.js"
You will know if you succeeded because you shall be greeted by two custom log messages - "Server Started" & "DB Connected!"