Tamamlanmış

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

Beceriler: Vue.js, Vue.js Framework

Daha fazlasını gör: 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

İşveren Hakkında:
( 11 değerlendirme ) Bethesda, United States

Proje NO: #20814537

Seçilen:

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. Daha Fazla

%selectedBids___i_period_sub_7% gün içinde 150%project_currencyDetails_sign_sub_9% %project_currencyDetails_code_sub_10%
(0 Değerlendirme)
0.0

Bu iş için 19 freelancer ortalamada $148 teklif veriyor

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 in 7 gün içinde
(13 Değerlendirme)
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 in 7 gün içinde
(1 Yorum)
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 Daha Fazla

$140 USD in 7 gün içinde
(2 Değerlendirme)
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 Daha Fazla

$100 USD in 7 gün içinde
(1 Yorum)
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 Daha Fazla

$250 USD in 7 gün içinde
(0 Değerlendirme)
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 Daha Fazla

$140 USD in 7 gün içinde
(0 Değerlendirme)
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 Daha Fazla

$140 USD in 7 gün içinde
(0 Değerlendirme)
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 in 7 gün içinde
(0 Değerlendirme)
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 Daha Fazla

$200 USD in 3 gün içinde
(0 Değerlendirme)
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 Daha Fazla

$140 USD in 2 gün içinde
(0 Değerlendirme)
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 Daha Fazla

$30 USD in 7 gün içinde
(0 Değerlendirme)
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 Daha Fazla

$150 USD in 7 gün içinde
(0 Değerlendirme)
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 Daha Fazla

$140 USD in 7 gün içinde
(0 Değerlendirme)
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 Daha Fazla

$140 USD in 7 gün içinde
(0 Değerlendirme)
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 Daha Fazla

$250 USD in 3 gün içinde
(0 Değerlendirme)
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 Daha Fazla

$140 USD in 7 gün içinde
(0 Değerlendirme)
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 Daha Fazla

$140 USD in 7 gün içinde
(0 Değerlendirme)
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 Daha Fazla

$140 USD in 7 gün içinde
(0 Değerlendirme)
0.0