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])
19 freelancers estão ofertando em média $148 para esse trabalho
⭐ 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!
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