Develop custom navbar as react/bootstrap component
€250-750 EUR
Paid on delivery
Develop a custom navbar component with React 16 and Bootstrap 4 as part of our client [login to view URL] corporate design, all necessary icons as well as a standard react/bootstrap structure are provided.
The component itself should exactly look like the appended high-fidelity mockup.
It is hierarchically divided into ‘accounts’ (google adwords, facebook ads and instagram)
which contains itself ‘campaigns’ and in case of facebook and instagram another ‘subgroup’.
So there is a total of three hierarchical levels. In addition the buttons ‘Konto hinzufügen’ on highest level and ‘Kampagne hinzufügen’ on the second level should be present.
The complete behavior of the navbar can be described as follows:
When loading the component, already existing ‘accounts’ should be displayed.
If a user clicks on the button ‘Konto hinzufügen’ another component (not to implement) is shown which gives a callback with a new ‘account’. The received ‘account’ should then be added to the navbar.
If a user clicks on the button ‘Kampagne hinzufügen’ another component (not to implement) is shown which gives a callback with new ‘campaigns’ contained into an ‘account’. The received ‘campaigns’ should then be added as subgroup to the related ‘account’.
If a user clicks on an account it will be selected and an overview is triggered (the overview is not to implement). Also the contained ‘campaign’ should shown in the list. If the user clicks on the selected account again the list of ‘campaigns’ should be hided.
If a user clicks on an campaign it will be selected and another overview is triggered (the overview is not to implement). The subgroups of an campaign will only be shown and hide if the user clicks on the “little arrow”.
What skills are required?
– React 16.x
– Bootstrap 4
– TypeScript / HTML / CSS
Project ID: #17058843
About the project
36 freelancers are bidding on average €533 for this job
Hello! Ready to work with the application navbar. Have experienced devs to start. Please reply to discuss all in details!
Hello, I always provide fastest results with quality. I have an experience of more than 10 years in web development and maintenance. I have in-depth knowledge of php, mysql, javascript , jquery, payment system integrat More
Dear Hiring Manager, Take my great respect at first. As a Full Stack Web Developer, I would like to request you Highly to give me this project. Over the last 6 years, I have been working as a Full Stack Web Deve More
Hey you are looking hard working man. Nice to meet you. you description is just awesome. I want to work with you. I am expert in Bootstrap and graphics work.
Hello, This is annie here. I have seen your requirement for developing custom navbar as react/ bootstrap component. Here is my understanding: *component will look like similar to the mockup. * it will divided More
Hello There, I read your description and understood your need an custom navbar as react/bootstrap component and i have similar development experienced and completed 200+ Apps successfully. I will follow all your in More
Hi, I am Sr. Web Developer with more than 7 Year experience in Web Development. I have good working experience in Core PHP,MySql, wordpress, Magento, HTML5, CSS3, jQuery, JavaScript, AJAX, Social Media integration a More
Hi there , I have gone through your project requirement specification and as per my previous experience with this I am capable to do this project. we are new on freelancer platform but we have 7+ year experience More
I will develop your project custom navbar by using technologies like Bootstrap (3, 4) which is highly recommended to make a website fully responsive. HTMl 5, CSS3, SAAS. If you are looking for BEST in LESS than i am More