Lengkap

Finish my Vue App (Vuetify, Apollo, GraphQL)

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])

Kemahiran: Vue.js, Vue.js Framework

Lihat lagi: itouch look iphone app, look app itouch, iphone app look feel, web templates look desktop app, windows mobile skinned look app, developer finish iphone app, marketnet blog best practices iphone app icon design, finish ipad app, finish xcode app, finish android app week, where to look for sales and marketing in bangalore, where to look for up and coming writers, look at picture and write a story, seeking mobile app developer that can program both android and ios claremont & newlands, The same App will be downloaded by taxicab operators and passengers. However, fill in the blanks for operators will be different, need an it firm and team of freelancers to build me a Web or Mobile App, My requirements are as follows which is dedicated website/app for members (ie. parts recycle companies and individuals) to post

Tentang Majikan:
( 11 ulasan ) Bethesda, United States

ID Projek: #20814537

Dianugerahkan kepada:

Nooobody

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. Lagi

$150 USD dalam 7 hari
(0 Ulasan)
0.0

19 pekerja bebas membida secara purata $148 untuk pekerjaan ini

Grisha97924

⭐ 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 dalam 7 hari
(13 Ulasan)
5.5
greenforest0204

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 dalam 7 hari
(1 Ulasan)
2.5
honeyocs803

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.j Lagi

$140 USD dalam 7 hari
(2 Ulasan)
3.1
pezaII

[Vuetify Export] Hello, client. I have read your description very carefully. I have rich experience of frontend such as Vue.js, vuetify, react and so on. Nowadays I have been developing project with vuetify about admin Lagi

$100 USD dalam 7 hari
(1 Ulasan)
1.4
vladimirsekunda

Hello There, Thank you very much for Reading my Proposal. I have gone through your job requirements and highly interested in working for you as a long term cooperation. My name is Tarik, independent freelancer, no Lagi

$250 USD dalam 7 hari
(0 Ulasan)
0.0
optimagp66

Hello, ready to get that job for you, let's talk about it. Have you been looking for a creative person to handle projects of any complexity? Need a web developer who is passionate about building world-class web applic Lagi

$140 USD dalam 7 hari
(0 Ulasan)
0.0
romancoder204

---*****--- How are you? I'm interested in your project. In my precious working years i have finished many succesful projets with 100% customer satisfaction. I am very skillful with Angular,react,Vue,laravel,node.js,e Lagi

$140 USD dalam 7 hari
(0 Ulasan)
0.0
brunodepaula

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 dalam 7 hari
(0 Ulasan)
0.0
artemu1223

Dear Sir. My name is Artem from Russia and I am a Senior Full Stack Developer who is specialized in Vue.js, Vuex, GraphQL. I have over 7 years of experience in these fields, working as an independent freelancer since Lagi

$200 USD dalam 3 hari
(0 Ulasan)
0.0
finest2019

Hello I'd really like to work with you on this task if possible! I am a web developer with nearly 10 years of experience, with 3 of those years in vue.js. I am especially strong at server back-end programming work. I Lagi

$140 USD dalam 2 hari
(0 Ulasan)
0.0
jiangstar

Hi there. I`ve read your job description very carefully. And I have also run your project. There are 4 errors during running on Googlechrome with 2 TypeError and 2 Error in render. And the filters in your project reall Lagi

$30 USD dalam 7 hari
(0 Ulasan)
0.0
webdevangel

Hello ! thank you for your post. I'm a expert of Web development have the experience of 5 years. My skills are as followings. 1. mobile : android, iphone , PhoneGap, ionic, Java, ObjectiveC. 2. front end : HTML5, boo Lagi

$150 USD dalam 7 hari
(0 Ulasan)
0.0
MaZheng225

Hello, I've read your post carefully. Your project is suitable for me and I can do it perfectly. I am a senior web developer with rich experiences of vuejs. Once you choose me, I can complete it in short time with high Lagi

$140 USD dalam 7 hari
(0 Ulasan)
0.0
bluebear1888

~~~~ 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. I Lagi

$140 USD dalam 7 hari
(0 Ulasan)
0.0
ExpertMMM

Hello I am a Frontend developer who has mastered at Vue.js I have built man Frontend designs with Vue.js, Vuex, Vuetify and RestFulAPIs or GraphQL. I have good experiences with API Integration and have good experiences Lagi

$250 USD dalam 3 hari
(0 Ulasan)
0.0
susanna2018

hi!♫♫♫♫♫♫♫♫♫♫♫♫♫♫♫♫♫♫♫♫ Dear , my Client! i am very pleasure the opportunity to discuss this job with you. i am a full time freelancer with skills and experience on angular.js, vue.js, react.js node.js, react native,Ja Lagi

$140 USD dalam 7 hari
(0 Ulasan)
0.0
MobileKing1225

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 unde Lagi

$140 USD dalam 7 hari
(0 Ulasan)
0.0
gabe61

Hi, I'm a web developer with 7+ years of experience in Vue, Vuetify, PHP, Laravel, etc. As an expert in core javascript, various front-end MVC (Vue, React), back-end frameworks(PHP, Larave, Node.js), SQL(MySql, Mariod Lagi

$140 USD dalam 7 hari
(0 Ulasan)
0.0