WEB APP FEATURE DEVELOPMENT WITH PYTHON/FLASK

We are actively seeking a highly skilled and motivated developer to develop a new feature to our existing web application.
The primary focus of this role will be to design and implement a sophisticated feature using a robust tech stack that includes Python, Flask, JavaScript, React, and PostgreSQL.
This feature will provide our users with the ability to select various items and quantities, generating professional PDFs of quotations based on their selections.
Additionally, users will have the ability to seamlessly share these PDFs via WhatsApp, enhancing the application's functionality and usability.
Furthermore, it is essential that the application is optimized for mobile viewing and offers an intuitive user experience across all devices.
Technical Specifications.
1.
Database Setup.
- You will be provided with a comprehensive list of items (Rate List), including their corresponding images and discount structures.
Your first task will be to create a well-structured database table to store this information securely and efficiently.
- The images associated with the items should be uploaded and managed using AWS S3 file storage to ensure scalability and reliability.
2.
User Interface Design.
- The home page will feature an accordion-style layout with the following headings.
"Add Items," "Pick Your Margin," and "Add Customer Details." 3.
Add Items Section.
- Upon expanding the "Add Items" accordion, users will encounter several selection menus that will appear sequentially based on valid input.
- Select Material.
Users will see a large checkbox area displaying images of unique materials from the items list.
Only one can be selected.
Upon selection, this will reveal the next selection box.
- Select Size.
A dropdown menu will appear showcasing the unique sizes available for the selected material.
Once a size is selected, the user will proceed to the next option.
- Select Items.
Users will be presented with an unchecked list of items, complete with images and a hidden quantity input box.
Once an item is checked, the quantity box becomes visible, and the user must enter a positive integer for each selected item.
Multiple items can be selected simultaneously, each requiring quantity input.
- Save and Add More Items.
Users will have the option to save their selections at any time and can click a separate button to add more items.
A new accordion will be generated for additional selections, while previously saved selections will collapse, with their headings updated to reflect the chosen materials and sizes.
4.
Pick Your Margin Section.
- For every unique margin category derived from the user's selected items, you will create a list with input boxes where users must input a positive decimal number.
A save and next button will allow users to proceed once all inputs are completed.
If you have read this, please start your proposal with the following words in your heading -- "Infinity and Beyond" 5.
Add Customer Details Section.
- A straightforward form will be presented to gather essential customer information, including Mr./Mrs./M/s., Name, Address, Phone Number, WhatsApp Number (with an option to copy from Phone Number if applicable), and Email Address.
A save and next button will facilitate the transition to the next step.
6.
Quotation Generation.
- Upon completion of the previous sections, the quotation will be generated based on the following logic.
- If a discount is specified in the Discount Structure, it should be subtracted from the Rate in the Rate List, and the user’s selected margin will be added to calculate the final rate for each item.
- If a Net Rate is specified in the Discount Structure for an item, the margin will simply be added to this rate to determine the final rate.
- The generated quotation will include columns such as S.
o., Item Name, Final Rate, Quantity, and Price (Final Rate x Quantity).
A total of the item quantity and prices will be calculated and displayed at the bottom.
The top of the quotation will feature our branding, followed by the customer details, and the document will conclude with terms and conditions that we will provide.
7.
Quotation Preview and Editing.
- Once the quotation is generated, users will have the option to preview it in HTML format.
Each relevant section (item, quantity, margin, customer details) will have an Edit button, allowing users to make necessary adjustments conveniently.
8.
WhatsApp Sharing Functionality.
- A dedicated button will enable users to share their generated quotation via WhatsApp.
Upon clicking this button, a PDF of the quotation should be generated and the user will be redirected to WhatsApp.
Please note that you should apply to this job only if you have read this entire requirement, and feel confident about finishing it up asap with the said requirements.
The user interface should be highly interactive with dynamic elements and responsive feedback.
Flask Python JavaScript React.
s PostgreSQL ID do Projeto.
# Sobre o projeto 7 propostas Aberto para ofertas Projeto remoto Ativo em 17 minutos atrás