DYNAMIC PAGE AND FORM BUILDER

Project Overview.
We are looking for a skilled developer or development team to create a custom form and page builder.
This project involves developing a responsive, user-friendly interface that allows users to easily construct web pages and forms using a drag-and-drop system.
The final product should leverage the specified technology stack.
Flask, ReactJS, TailwindCSS, MongoDB, and PostgreSQL, ensuring a seamless and efficient user experience.
Technology Stack.
Frontend.
ReactJS, TailwindCSS Backend.
Python (Flask Framework), Databases.
MongoDB, PostgreSQL Ideal Skills and Experience.
- Proficiency in front-end technologies, including HTML, CSS, JavaScript, with a specific focus on Flask, ReactJS, and TailwindCSS.
- Extensive experience in developing drag-and-drop interfaces, particularly for dynamic form building.
- Strong understanding of responsive UI/UX design principles and the ability to implement them in creating customizable form and page layouts.
- Experience with MongoDB and PostgreSQL for database integration, specifically for saving and managing page/form templates.
- Capability to generate and modify code, facilitating a component-based system for page and form construction.
- Expertise in UX/UI design, focusing on customization options for forms and pages to enhance user interaction.
Key Requirements.
1.
Responsive Page Builder.
- Implement a drag-and-drop interface allowing users to select elements/components from a collapsible left panel and drop them onto the page on the right side.
- Include a wide range of components (e.
., Containers, Layouts, Icons, Search, Buttons, Headers) for page creation.
- Feature an element settings drawer that pops up for customization.
- Enable viewing and modifying generated code.
- Allow users to save designed pages as templates for future use.
- Offer customizable page and component settings (e.
., Color Theme, Fonts, background, Margins, Padding).
- Utilize MongoDB for data storage.
2.
Responsive Form Builder.
- Implement a drag-and-drop interface allowing users to select elements/components from a collapsible left panel and drop them onto the page on the right side.
- Provide components for all standard HTML form elements (e.
., Text, Image, File Upload).
- Feature an element settings drawer that pops up for customization.
- Enable form and element customization as per the element's respective HTML Properties, including error handling and conditional logic.
- Support defining workflows, validation rules, and customizable form settings.
- Facilitate the viewing of generated form code and its modification.
- Utilize MongoDB for storing form templates and data.
3.
Page and Form Viewing.
Ensure created pages and forms are viewable with TailwindCSS library components, maintaining responsiveness and design integrity.
Project Deliverables.
Well-structured, reusable frontend ReactJS codebase.
Efficient and maintainable Flask backend.
Database schema design for MongoDB and PostgreSQL.
Thorough documentation outlining project architecture and usage.
Additional Considerations.
Prioritize user-friendly, visually appealing interfaces.
Ensure seamless cross-browser compatibility.
Performance optimization should be a focus.
Flask MongoDB PostgreSQL React.
s Tailwind CSS ID do Projeto.
# Sobre o projeto 19 propostas Aberto para ofertas Projeto remoto Ativo em 1 hora atrás