Find Jobs
Hire Freelancers

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

£20-250 GBP

Cancelled
Posted about 3 years ago

£20-250 GBP

Paid on delivery
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"> <Select> Section 1 Section 2 Section 3 </select> Then dynamical 2nd select based on first choice <Select> Section 2.1 Section 2.2 Section 2.3 </select> Then dynamical 3rd select based on first choice <Select> Section 2.1.1 Section 2.1.2 Section 2.1.3 Section 2.1.4 </select> And so on down the tree. <button> 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.
Project ID: 29462789

About the project

2 proposals
Remote project
Active 3 yrs ago

Looking to make some money?

Benefits of bidding on Freelancer

Set your budget and timeframe
Get paid for your work
Outline your proposal
It's free to sign up and bid on jobs
2 freelancers are bidding on average £145 GBP for this job
User Avatar
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 Application conversion - Javascript, Jquery, Vue js - Bootstrap, Responsive Design, Vuetify
£150 GBP in 7 days
0.0 (0 reviews)
0.0
0.0
User Avatar
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 permission is granted to me, I will do our best to complete the project at the required level. You can contact me anywhere anytime if you think I'm suitable for your job. Thanks. Yelizaveta
£140 GBP in 3 days
0.0 (0 reviews)
0.0
0.0

About the client

Flag of UNITED KINGDOM
Colchester, United Kingdom
0.0
0
Member since Mar 4, 2021

Client Verification

Thanks! We’ve emailed you a link to claim your free credit.
Something went wrong while sending your email. Please try again.
Registered Users Total Jobs Posted
Freelancer ® is a registered Trademark of Freelancer Technology Pty Limited (ACN 142 189 759)
Copyright © 2024 Freelancer Technology Pty Limited (ACN 142 189 759)
Loading preview
Permission granted for Geolocation.
Your login session has expired and you have been logged out. Please log in again.