
Completed
Posted
Paid on delivery
I need a set of Angular 10 component(s) that plug straight into an existing PrimeNG theme and let me distribute guards across locations for a single security order (i will select from prepared list with certain location list and certain guard list at that datetime ). The flow is simple: • The header record comes in first (SGPRP). (from pre-shift setup) • A locations table lists every point that must be secured (SGPRPLOC) ,activation. • A guards table holds every available guard for the selected date-time (SGPRPEMP),attendance. Inside the UI, when I click a location a checkbox list (with a live text filter by name or ID) appears so I can manually tick one or more guards for that spot. As soon as I confirm, the pairing is written to an assignment buffer that sits in memory until I hit Save. Saving writes the data into a fourth table dedicated to the final guard-location assignments. I want the grid at the bottom to refresh after every save so I can see which locations are already covered and which are still open. If I leave the screen before the whole building is secured, my partial work must persist and reload when I return so I can finish later. Testing is fine with JSON mocks; I’ll supply a precise structure for all four tables. Use PrimeNG controls for the checkbox list, grid, buttons, and any dialogs so the look and feel stays consistent with the rest of the application. Deliverables 1. Fully working Angular 10 component(s) integrated with PrimeNG. 2. Mock services returning JSON for the four tables. 3. Typescript interfaces and any helper services used for state persistence. 4. Brief setup notes so I can drop the module into my repo and run ng serve. i will attached similar image for what i want for the 4 steps ,may be i will be changed a little ,as i want to select location and then select the guards for that location . may be need to separate the first step ,which create the records in the 3 tables (sgprp,sgprploc,sgprpemp) . but the other 3 steps can be in one option
Project ID: 40433099
43 proposals
Remote project
Active 7 days ago
Set your budget and timeframe
Get paid for your work
Outline your proposal
It's free to sign up and bid on jobs
43 freelancers are bidding on average $249 USD for this job

Hello, Considering my extensive experience in frontend development and proficiency in technologies such as Angular, JavaScript, and JSON, I believe I am perfectly suited to deliver the Angular Guard Assignment Module you require. Having worked on numerous projects similar in nature, I am well-acquainted with PrimeNG and can ensure seamless integration of the components with its theme to maintain a consistent user experience. One of my key strengths lies in developing efficient data handling mechanisms, which is crucial for your project's functioning. By implementing meticulous mock services returning JSON for the four tables, I can manage both storage and retrieval of your assignments effectively. Additionally, my knowledge of Typescript interfaces enables me to create logical and coherent structures for your data models. Moreover, being a detail-oriented developer, I understand the value of proper documentation. Alongside providing a fully-functional Angular 10 component integrated with PrimeNG, I will also furnish detailed setup notes so that you can effortlessly incorporate the module into your repository and run it without any hiccups. With me on board, you can expect not only an impeccable final output but also ongoing support throughout this project and beyond. Let's synergize our skills and accomplish something remarkable! Thanks!
$180 USD in 3 days
7.8
7.8

The description cuts off mid-sentence at "and let me," so I'm guessing there's a specific action or permission flow you need these guards to handle. I've worked extensively with TypeScript across large-scale platforms, including a fintech project with 20+ microservices. The focus there was always on maintainable logic and clean integration with existing UI libraries. For Angular 10 and PrimeNG, the key is ensuring the guards don't block legitimate navigation during state updates. I can build the module to respect your current theme without requiring an overhaul. What was the intended function after "let me" in the description?
$30 USD in 7 days
5.5
5.5

Hello, With 4 years of experience in Web Development, Web Application, Frontend Development, Node.js, and Software Development, I am well-equipped to handle your Angular Guard Assignment Module project. I understand the requirements and can provide a professional solution according to the job description. I have expertise in JavaScript, Node.js, Software Development, JSON, Web Development, Frontend Development, and Angular. I have read the requirements thoroughly and believe I can execute this project with perfection. Let's discuss further details in the chat. I am open to discussing any aspects of the project, including budget and timeline. Looking forward to connecting and discussing this project with you. Best regards, Taimoor from Pixels Soft
$199 USD in 7 days
4.9
4.9

Hello, I’ve reviewed your project and can build Angular 10 + PrimeNG components that integrate cleanly into your existing theme and handle guard-to-location assignment workflows efficiently. I have experience working with Angular, TypeScript, PrimeNG, state management, and data-driven enterprise UI workflows. Approach : • Build modular Angular 10 components using PrimeNG controls only • Implement workflow for SGPRP, SGPRPLOC, SGPRPEMP, and final assignment table • Create location selection with searchable checkbox list for guards • Add live filtering by guard name or ID • Store assignments in a temporary in-memory buffer until Save • Refresh assignment grid automatically after each save • Implement partial assignment persistence and reload functionality • Create mock JSON services and TypeScript interfaces for all tables Deliverables: • Fully working Angular 10 component(s) • PrimeNG-integrated UI matching existing application style • Mock services with JSON data • Interfaces and helper/state services • Setup documentation for easy integration Questions: • Should partial assignments persist only in browser storage or also survive logout/restart via backend persistence? • Can a guard be assigned to multiple locations during the same datetime slot? I focus on building clean, maintainable Angular components with smooth user workflows and scalable structure. Ready to review your sample screens and start implementation. Regards, Muhammad Shoaib
$150 USD in 7 days
5.1
5.1

⚠️ If you're not happy, you don’t pay. ⚠️ Hi there, thank you for sharing the detailed project brief. I can build your Angular 10 component(s) seamlessly integrating with PrimeNG, offering a user-friendly and efficient design. I will deliver: • Fully functional Angular 10 component(s) integrated with PrimeNG • Mock services providing JSON data for the four tables • Typescript interfaces and necessary helper services for state persistence • Concise setup notes for easy integration into your repository and running with 'ng serve' You will also receive thorough documentation and support for a seamless experience. I am confident in executing your vision promptly and professionally. Looking forward to discussing further steps. Best regards, Chirag.
$200 USD in 7 days
4.5
4.5

Hi, I’ve thoroughly reviewed your requirement for an Angular 10 module that integrates seamlessly with the PrimeNG theme to manage guard assignments across multiple locations with a smooth, user-friendly interface. With extensive experience building Angular components using PrimeNG libraries, I understand the critical need to maintain consistent UI/UX while handling dynamic state persistence and real-time updates. I will develop the components to handle the header record, location listings, and guard selections with a live-filter checkbox list, implementing an in-memory assignment buffer that persists partial work for seamless continuation. The bottom grid will refresh dynamically after each save to reflect current coverage clearly. Mock services will simulate your JSON data for all four tables, ensuring your integration and backend connection later are smooth. I will provide well-documented Typescript interfaces, helper services for state management, and concise setup instructions for effortless module integration into your repo. I propose delivering a fully tested, maintainable module within 7 days to get you started without delay. Could you please share the JSON structure for the four tables so I can align the mocks precisely with your data? Thanks,
$155 USD in 29 days
4.7
4.7

Hi, this is Kris from McKinney, Texas, I've reviewed your project requirements and understand that you need an Angular 10 component integrated with PrimeNG to manage guard assignments for different locations. The key challenge will be implementing a system that allows for dynamic selection of guards for each location and ensuring that partial work persists even if the user leaves the screen. My approach will involve creating a user-friendly interface where users can easily select guards for each location, utilizing PrimeNG controls for consistency with the existing application. I will also implement a mechanism to save and reload partial assignments to ensure a seamless user experience. A few additional questions: Q1: Are there any specific design preferences or constraints that need to be considered for integrating the component with the existing PrimeNG theme? Q2: Do you have a preferred method for handling data persistence and state management within the application? Q3: Is there a specific deadline for completing this project? Best regards, Kris Kramer
$30 USD in 1 day
4.8
4.8

Hi, there, I can build the Angular 10 PrimeNG component flow for assigning guards to secured locations using your SGPRP, SGPRPLOC, SGPRPEMP, and final assignment table structure. I will create the location selection UI, searchable guard checkbox list, in-memory assignment buffer, save action, and refreshed assignment grid showing covered and open locations. I will also implement mock JSON services, TypeScript interfaces, helper state persistence, and reload support so partial assignments remain available if the user leaves and returns later. The UI will use PrimeNG tables, dialogs, buttons, filters, and checkboxes to match your existing theme. Let’s chat about your sample table JSON, attached reference image, and final save API structure. Best Regards, Sean D.
$140 USD in 7 days
3.9
3.9

Hello, Could you clarify how you would like the data flow to initiate with the header record? Will it be provided through an API, or should I integrate a manual input method? To achieve your requirements, I will develop Angular 10 components that align with the PrimeNG theme, ensuring a user-friendly interface. The flow includes a header setup followed by tables for locations and guards, with the necessary live checks and state persistence. Upon user confirmation, I’ll implement an assignment buffer to hold selections until they are saved, ensuring real-time updates to the grid. I have a few questions to make sure I capture your vision perfectly: 1. What specific attributes should be included in the location and guard tables? 2. Should the checkbox lists allow for multi-selection, and is there a preference for the filter functionality? 3. Are there any specific validations or error checks you want during the data entry process? 4. Do you already have an API endpoint for the initial data, or will I need to mock that too? 5. Could you provide the precise structure for the JSON mocks? Once I have these details, I can provide a more accurate timeline and cost estimate. Relevant Portfolio: • https://www.freelancer.com/u/amjad2 Best Regards, Amjad Iqbal
$150 USD in 1 day
3.3
3.3

Hi, I have experience building Angular + PrimeNG enterprise dashboards and workflow systems with complex table relationships, assignment flows, filtering, and state persistence. Your guard-assignment flow is very clear and fits well with a modular Angular 10 implementation. I can build: • PrimeNG-based assignment UI fully matching your existing theme • Location → Guard selection workflow with live filtering • In-memory assignment buffer before final save • Dynamic refresh showing covered/open locations • Persistent partial progress if user leaves and returns • Mock JSON services for all 4 tables • Clean TypeScript interfaces and reusable helper services I’d structure it cleanly so the pre-shift setup step can remain separated while the assignment/review/save workflow stays unified and easy to extend later. The final module will be easy to plug into your existing repo and run directly with minimal setup. Ready to review the table structure and start immediately.
$250 USD in 1 day
2.8
2.8

Hello, I understand that you are looking to create an Angular 10 component that integrates seamlessly with an existing PrimeNG theme to manage security assignments efficiently. I have experience working with Angular and PrimeNG, and I believe I can help you achieve your goal. To handle your requirements effectively, I plan to create a user-friendly interface where you can select locations and assign guards seamlessly. The system will allow you to easily manage and save guard-location assignments, with the grid refreshing automatically after each save for real-time updates. Deliverables: 1. Development of fully functional Angular 10 component(s) integrated with PrimeNG. 2. Implementation of mock services to provide JSON data for the four tables. 3. Creation of Typescript interfaces and necessary helper services for state persistence. 4. Provision of setup instructions for easy integration into your repository and running with ng serve. I will share my portfolio with you in the DM. Kindly ping me there. My experience with Angular and PrimeNG ensures quality, consistency, and a smooth delivery of the project. I'd be happy to discuss your project further and answer any questions. Best regards, Malaika
$140 USD in 3 days
2.7
2.7

The tricky part with PrimeNG integration is matching component styles without fighting the theme's CSS encapsulation. I would build the guard assignment module as a standalone Angular 10 component with proper route guards, wired cleanly into your existing PrimeNG setup. Can start today and have it ready within 3 days. The bid reflects the description as written and may adjust once we walk through the full scope together. Want to jump on a quick call?
$150 USD in 4 days
1.4
1.4

Being experienced with various JavaScript libraries and frontend development, my expertise perfectly aligns with your project requirements. I've been working with Angular for quite some time now, and have an exceptional understanding of it which assists me greatly in creating intuitive UI components. Talking about your project, I comprehend the significance of consistency throughout an application, so I'll make sure to incorporate PrimeNG controls in their full glory to provide a seamless experience for your users. What sets me apart is not just the technical skillset but also the ability to devise optimized solutions. From what I understand of the project, it involves complex data handling and persistence, which I'm well-versed in. I can confidently implement the flow you described - from record creation to assignment - along with state persistence using TypeScript interfaces and helper services. The final deliverable would be a fully working Angular 10 module ready to be dropped into your repo. Lastly, my love for problem-solving and my motivation towards continual learning make me someone who's always up for challenges. Your project seems tailor-made for someone like me who thrives on creating dynamic, user-friendly applications. I assure you that by choosing me for this project, you're opting for a dedicated professional who will prioritize your project's needs and ensure timely delivery with top-tier quality. So let's collaborate and build something impactful together!
$199.99 USD in 9 days
1.3
1.3

As an experienced Full-Stack Web & Mobile Developer with extensive knowledge of Angular and PrimeNG, I am confident that I can create the Angular Guards Assignment Module you require. My familiarity with Angular 10 and use of PrimeNG controls will ensure a seamless integration with your existing theme, maintaining a consistent look and feel. Your project's complex workflow entails selecting guards across different locations defined by the header record. I have a deep understanding of data manipulation and management in frontend applications, and can create an intuitive, live text filter-driven checkbox list that allows you to conveniently and effectively choose guards for each location. Additionally, I will deliver a fully-working module integrated with PrimeNG as well as mock services returning JSONs for the four tables you shared. I place a strong emphasis on software architecture and clean development practices that contribute to the security and performance of the final product. Furthermore, I'm well-versed in state persistence, ensuring that any work you perform is maintained until you've finished securing all locations. Having worked extensively with RESTful APIs, including security and authorization processes, I appreciate the importance of efficient application testing can incorporate JSON mocks for this stage. Overall, my aim is to provide a robust solution that delivers positive long-term impact for your business.
$100 USD in 7 days
4.0
4.0

Hi, This is Abhiram from UK. I understand the need for Angular 10 components to manage security guard assignments seamlessly within an existing PrimeNG theme. Leveraging PrimeNG controls, I will create a user-friendly interface where locations can be selected and guards assigned efficiently. Let me ask you a couple of things so I understand it better: Q1- Do you have specific requirements for the live text filter in the checkbox list? Q2- Should the grid auto-refresh include real-time updates or manual triggers? Looking forward to discussing the technical details further to ensure a successful implementation.
$120 USD in 3 days
1.1
1.1

Hi there, I understand that you need a set of Angular 10 components to efficiently manage guard assignments across various locations, making sure the UI remains consistent with your existing PrimeNG theme. In my previous role, I developed an Angular application that included dynamic forms and real-time updates, which increased user efficiency by 25%. I also implemented a similar assignment feature that allowed users to manage resources effectively, resulting in a significant decrease in operational delays. To meet your requirements, I will create a modular Angular 10 component that integrates seamlessly with PrimeNG. Initially, I will set up the three tables for locations and guards, allowing users to select and confirm assignments. I will ensure that the assignment buffer retains data until saved, with the grid refreshing automatically to reflect current assignments. Let’s connect and I'll share the best approach for your project. Best regards, Artem
$30 USD in 7 days
0.8
0.8

Hi , I'm Viktor, a Node.js and Web Development expert with 5 years of experience. I have a strong background in creating custom Angular components and integrating them seamlessly with existing themes like PrimeNG. I understand your requirement for an Angular Guard Assignment Module and I am confident in delivering a solution that meets your needs. The component will allow you to easily distribute guards across locations, with a user-friendly interface for selecting guards for each spot and saving the assignments in a dedicated table. To ensure the successful implementation of this project, could you please clarify if the initial record creation in the three tables (sgprp, sgprploc, sgprpemp) should be a separate step from selecting guards for locations? Let's discuss further details in chat to ensure the project aligns perfectly with your expectations. Regards, Viktor
$140 USD in 7 days
1.0
1.0

As an experienced full-stack developer with a focus on Angular and frontend development, I believe I am the perfect fit for your Angular Guard Assignment Module project. Not only have I extensively worked with Angular 10, but I'm also well-versed in using PrimeNG controls, which will allow me to maintain a consistent look and feel throughout the application. Leveraging my solid experience building real-time applications and understanding of complex systems, I'll ensure seamless integration of the new components with the existing theme. Taking over existing systems that require restructuring or performance improvements is one of my areas of expertise. Thus, you can rest easy knowing that I'll optimize your application's stability and scalability. My approach to coding emphasizes avoiding technical debt at all costs, ensuring your system remains easily extensible and maintainable over the long-term. Beyond just delivering features, I genuinely care about understanding and supporting your overall business goals. With this in mind, I will integrate a state persistence feature to save your progress as you leave the screen and reload it upon return. By choosing me for this project, you'll be receiving not only clean structured code but also a dedicated partner who will treat your project with diligence and care it deserves. So let's build something solid, scalable, and long-lasting!
$140 USD in 7 days
0.0
0.0

Hi, I would love to help. I have read your project description carefully and I understand what you want. I am an expert with 4 years of experience in Frontend Development, JavaScript, Web Development and I helped many clients reach their goals. Visit my profile to check my latest work and read what clients say. Please connect in chat so we can discuss more details. Looking forward.
$140 USD in 7 days
0.0
0.0

Hi, there I can build the Angular 10 PrimeNG components for this guard-to-location assignment flow using your SGPRP, SGPRPLOC, SGPRPEMP, and final assignment table structure. The UI will let you select a location, filter guards by name or ID, tick one or more guards, confirm into an in-memory assignment buffer, and save final pairings when ready. I’ll create mock JSON services, TypeScript interfaces, state persistence service, PrimeNG tables, checkbox list, dialogs/buttons, and a bottom grid showing covered versus open locations. Partial assignments can persist through local/session storage or a service layer so unfinished work reloads when the user returns. The first setup step can stay separate for creating SGPRP, locations, and guard attendance records, while the remaining assignment workflow can be handled in one focused screen. I’ll keep the module clean, commented, and easy to drop into your existing Angular 10 repo with ng serve setup notes. This is straightforward if you provide the table JSON structure and sample UI image, and I can complete it quickly with PrimeNG styling consistent with your current theme.
$200 USD in 5 days
0.0
0.0

jeddah, Saudi Arabia
Payment method verified
Member since Feb 24, 2018
$250-750 USD
$750-1500 USD
$30-250 USD
$30-250 USD
$250-750 USD
₹1500-12500 INR
€30-250 EUR
₹12500-37500 INR
₹1500-12500 INR
₹37500-75000 INR
₹1500-12500 INR
₹250000-500000 INR
€750-1500 EUR
$50 USD
$50 USD
$8-15 USD / hour
₹1500-12500 INR
₹15000-20000 INR
₹1500-12500 INR
$250-750 NZD
₹750-1250 INR / hour
$15-25 AUD / hour
min $50 CAD / hour
₹12500-37500 INR
₹150000-250000 INR