Build a dynamic tree, recursive tree menu and admin forms with Vue3 and Firebase

I would like a small single page application building with Vue (3 preferably) and Firebase (Firestore or Realtime Database). This will form part of a organisation app, but I am having trouble with the category section and making it data driven.

This part of the project is to build a tree like a navigation structure, similar to this one - [login to view URL] or this one [login to view URL] However, the data used to build the navigation structure should be dynamic and come from a database not the routes file or a hard coded file.

There needs to be 3 functions (forms?) to do with the category.

Adding a new category

Adding a new category, this would have a text box to enter the new category title and then there should be linked select boxes to select the parent of the new category i.e.

<input type="text">


Section 1

Section 2

Section 3


Then dynamical 2nd select based on first choice


Section 2.1

Section 2.2

Section 2.3


Then dynamical 3rd select based on first choice


Section 2.1.1

Section 2.1.2

Section 2.1.3

Section 2.1.4


And so on down the tree.


Editing the category title

This could just be a a single form input text field (prefilled) and a submit button

Delete the category title

This could be a delete button on the edit screen or a separate view page, either is fine.

The page layout will be 2 column, a 25% / 75% is fine, I can alter this later. The navigation structure will be on the left hand side and the forms etc will be on the right.

The navigation structure (left hand side)

This needs to work in a similar way to the examples given

[login to view URL]

[login to view URL]

[login to view URL] (But there shouldn't be a root element, all top level categories should be visable when first viewing)

However, the expansion and contraction should only happen when clicking on the + / - or arrow icons. If the text is clicked this will update the view in the right hand side panel for a different part of the project (all items in this category will be viewed on the page).

Styling etc I can sort out later, it is the functionality I need working.

Can help with this? If so, could you let me know the cost and when you think you could deliver?

Needs to be Vue (3) and Firebase please.

Compétences : Vue.js, Google Firebase

en voir plus : asp classic dynamic page menu, dynamic php menu creator, build dynamic php website, web dynamic restaurant menu, dynamic dropdown menu, menu order forms, best dynamic gallery php admin, dynamic drive menu, dynamic control menu vs2003, create dynamic accordion menu, dynamic flash gallery admin area, php dynamic drop menu, php dynamic menu admin, build dynamic accordion menu cs4, dynamic menu admin codeigniter

Concernant l'employeur :
( 0 commentaires ) Colchester, United Kingdom

Nº du projet : #29462789

3 freelances font une offre moyenne de 180 £ pour ce travail


Dear Pauldonherty. I have read your proposal carefully, and It's interesting for me. As a JavaScript & Vue & firebase expert, I can provide high quality code and perfect result in your budget and time. Also, I'll do my Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% GBP en 3 jours
(2 Commentaires)

I am a database, web, e-commerce developer with 4 years of experience. My skills include: - MySQL - PHP, HTML, CSS, Scripting, Laravel Framework - Python - Access to Web Application conversion - Excel to Web Applicati Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% GBP en 7 jours
(0 Commentaires)

Hello. I'm glad I can suggest to your work. I have read your suggestions carefully and found out that your project requires my skills. My major is JavaScript full stack. Hope to work your vue.js+firebase project If the Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% GBP en 3 jours
(0 Commentaires)