FRONTEND CHALLENGE
Kullanıcı istediği lokasyon ve anahtar kelimeye göre iş ilanı listeleyip ilanın detayını görmelidir.
ARAÇLAR
Javascript Framework Vue.js ya da Nuxt.js
Css
Sass, Bootstrap
Routing
/ (Ana Sayfa) /joblist (İlan Listeleme) /jobdetail/:slug (İlan Detay) Şeklinde olmalıdır.
Beklentiler
- Proje GitHub vb bir platforma aktarılmalı - State (Vuex) kullanılmalı - İlanlar iċ inde search yapılabilmeli. - İlan listelemede sayfalama olmalı - Endpointler iċ in herhangi bir mock api hizmetinden faydalanılabilir (mockapi.io, beeceptor.com, designer.mocky.io) - Api istekleri iċ in axios kullanılmalı. - Environment variable kullanılmalı. - Responsive olmalı - Oluşturulan componentler için unit test yazılmalı
İlanların JSON formatı aşağıda belirtildiği şekilde oluşturulabilir veya kendiniz örnek birjson çıktısı üretip kullanabilirsiniz.
Sample Job List JSO
{"version":"1.0","statusCode":200, "result":{"items":[ {"imageUrl":"http://localhost/bluecollar/Company/Job/000/000/000/avatar/ 13920170713010155805.jpg","distance":"8,53 km yakınında", "latitude":41.050968170166023, "longitude":29.062856674194339,"cityName":"İstanbul", "townName":"Çengelköy Mahallesi"} ],"total":1 }}"jobId":"C71CD1954BA149BCAF42B25F775EA4FB", "positionName":"Gerber Operatörü","companyName":"Testoğlu Lahmacun Pide Ve Kebap", "durationDay":0,"durationDayText":"Taze çıktı!",Sample Job List Detail JSON{"version":"1.0","statusCode":200, "result":{"jobId":"199A9ED66BFE4CF593DBDF5402F1702A", "positionName":"Jandarma Bölge Komutanı","companyName":"Vosyoyvsyvosyv", "durationDay":0,"durationDayText":"Taze çıktı!", "imageUrl":"https://localhost/bluecollar/company/job/Default/6.jpg","countryCode":"TR","countryName":"Turkey","cityName":"İstanbul","townName":"Ümraniye","address":"Saray Mahallesi Site Yolu Sokak No:7 34768 Ümraniye/İstanbul Turkey", "postalCode":34768,"hasLatitude":true,"hasLongitude":true,"latitude":41.0266502,"longitude":29.1157803,"description":"syovsvyosvyoyvsoby","status":1,"contactPhone":{"countryCallingCode":"+90", "areaCode":"879", "number":"9797979"} }} 