Find Jobs
Hire Freelancers

Finish my Vue App (Vuetify, Apollo, GraphQL)

$30-250 USD

Completed
Posted over 4 years ago

$30-250 USD

Paid on delivery
I've built a Vue app using Vuetify components. It reads real data using GraphQL and Apollo. I need the following done to get the app to actually work: #0) Clone my git repo and work off it #1) Hook up my components #2) Fix my Vue errors #3) Refactor my app #0) Clone my git repo: Clone or fork & create a separate branch of [login to view URL] to make your changes so that I can checkout your branch and merge it with mine. #1) Hook up my components: A) When clicking the filters in column 1, it should filter the cards in column 2. I.e., selecting "4" will remove all cards (schools) that don't serve 4th grade. Selecting another grade, for example 10, will further remove any of the current cards that don't serve 4 and 10. Selecting another filter like Public Transportation, Extended Care, and Neighborhood will further remove cards that don't have those options. Users can click in any order to filter, e.g., Neighborhood then Grade, or Extended care, then Grade, then Neighborhood. etc. B) When clicking a Card in column 2, it will reveal the corresponding profile in column 3. On page load, No cards should show until someone clicks on a Card in column 2. The selected card's text in col 2 should turn white, possibly by inserting the Vuetify "dark" prop. The app should function like this prototype: [login to view URL] #2) Fix my Vue errors: "TypeError: Cannot read property 'nodes' of undefined". You can see the errors when you inspect the app here: [login to view URL] using the vue.js devtools ([login to view URL]). I'm pretty sure it has to do with how I've set up Apollo Client / GraphQL queries. #3) Refactor my App, Components, and Queries to be efficient: This is my first Vue app, so I wasn't sure how to piece it together elegantly. Specifically, I'm not sure if I'm loading/querying data in the right places (I query the same data 2 or 3 times), and I could not figure out how to read my queries from a graphql/[login to view URL] file instead of hard-coding the queries in each component. So, I'm looking for you to "do things right" and query just what's needed in an efficient manner. And, I need it to work when I pull the code back onto my machine, so if I'm missing a dev dependency or a tactic, then I'm hoping you've solved that in my code (configs, or whatever) OR can explain to me what I need to do differently. Some important notes: #1 Attempt to only use standard Vue, Vuetify, Apollo, or GraphQL components, code, and best practices. Meaning, I don't want any patchwork bandaids, code, or hacks I can't understand. I believe all the pieces are there and just need standard Vue techniques to get working. #2 Don't install any plugins or anything like that without consulting / explaining it to me beforehand. I need to maintain this down the road, and I don't need to be learning / maintaining things you might know but I don't know. I want to keep this simple and clean! #3 FYI, I've built the app to work independently/statically (as seen on the Github Page), but I've also integrated it into a WordPress site, as seen here: [login to view URL] You can explore the graphql here: [login to view URL] All the data is fed from WordPress using a School custom post type, ACF custom fields, and WP GraphQL. #4 When in doubt, please ask me! I am here for all questions. The winning bid will tell me: 1) How many (specific number of) Vue, Vuetify, Apollo, or GraphQL projects you've worked on 2) Explain to me how you will generally go about fixing the above, using some Vue or related language so that I know you understand Vue and the related technologies 3) Tell me one thing I could have done better in my Vue app after taking a quick look at the Github repo ([login to view URL])
Project ID: 20814537

About the project

7 proposals
Remote project
Active 5 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
Awarded to:
User Avatar
Hey there, It seems you require a VueJS expert, who knows plugins such as Vuetify, Apollo and GraphQL. Unfortunately, I haven't done any Vuetify projects, but I am willing to learn and I'm curious as to how it works. I have a decade worth of experience in Programming, and several years in Javascript. I've used mostly ReactJS and VueJS for my front-ends. I've also done some tinkering with GraphQL, but nothing too substantial. As I said, I'm a fast learner and this would be a good learning experience for me. I'm hard-working and very confident in my abilities. I've worked with VueJS a lot and know it pretty well. Looking forward to working on this project. PS. After taking a quick look at the repo, you could definitely use a singleton class for storage and querying, or as a better alternative hook up VueX or MobX to the project. Those provide better state management and you can't really live without them if you're fetching data often in different places.
$150 USD in 7 days
5.0 (2 reviews)
2.4
2.4
7 freelancers are bidding on average $141 USD for this job
User Avatar
⭐ Hi, Dear I am talented VueJS developer.(Top 2% ) I can implement your requirements perfectly. You can check my skills in my profile. if you award me, I will do my best. Happy Day!
$140 USD in 7 days
4.9 (14 reviews)
5.6
5.6
User Avatar
Hello I am very interested in your post project since i have rich experience on it. i am sure i can provide you perfect result as you want. please call me Dmitrii. lookintg forward to working with you. best regards
$140 USD in 7 days
5.0 (1 review)
2.5
2.5
User Avatar
Hello. How are you? I have read your post requirement. I am a highly skilled web development expert . I am a professional who has more than +7 years development experience since university. My main skills: ★ Vue.js, ★ MDBootstrap It is my honor for me to work with you. I hope the best regards for you. Could we discuss more details over chat? Have a fantastic day!
$140 USD in 7 days
4.2 (2 reviews)
3.1
3.1
User Avatar
How are you? As a VueJS developer i have got relevant skills and experience as you requested in your project description... I can share some demo as well in further chat. Can we discuss more on this to get detail understanding about project ? As I have some technical questions on this so let me know when you get time to discuss on this and clear the doubts. Thank you.
$140 USD in 7 days
0.0 (0 reviews)
0.0
0.0
User Avatar
~~~~ Dear, my employer.... Glad to meet you. I have checked your project description and requirements carefully. I am a senior mobile/web developer has 7+ years of good experience. I will never make you disappointed. If you give me a chance to work with you, I will provide you with high-quality work only for you daily. I am always ready for you to discuss your project. Please contact me and let's work together. ------------------------------------------------------------ Areas of Expertise. --->ASP.Net & Angular UI(top skill) --->Mobile * Native Platform(Android/IOS) * Hybrid app(Ionic/React Native) --->Web * HTML, CSS, Bootstrap * PHP(Laravel, CodeIgniter, Zend) * JS(Angular/React/Node/TypeScript/Express/Vue/jQuery) * CMS(Wordpress, Magento) * Python(Django) * Java Spring(Spring MVC, Spring Boot, Struts) * Database(MySQL/MongoDB/SQLite) ---> Good Services * Deliver Daily or Weekly result. * Deliver well-written source code * Responsible communication for each day. * One-month Free bug fixing and maintenance after development. ----------------------------------------------------------------------------- I am very honored to discuss your projects with you and help you find a solution! Best Regards.
$140 USD in 7 days
0.0 (0 reviews)
0.0
0.0
User Avatar
Hello, I have the experience needed for you. The stack is exactly the one I'm working on my company, hope we can make it together.
$140 USD in 7 days
0.0 (0 reviews)
0.0
0.0

About the client

Flag of UNITED STATES
Bethesda, United States
5.0
14
Payment method verified
Member since Jun 23, 2009

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.