Front-End-Challenges/cleartrip_hiring_challenge at master · GaganSuneja/Front-End-Challenges · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
Kickstarter
[Problem Statement]

Develop a pseudo front end application which would let the users help list and browse top Kickstarter projects conveniently.

[Minimum Requirement]

— Use of Web API to fetch project details.

Utilise Response Parameters:

**[s.no, amt.pledged, blurb, by, country, currency, end.time, location, percentage.funded, num.backers, state, title, type, url].**
Implement functionality to list project details in a web page.

— Visually interactive responsive design listing all the projects.

— A feature to Search (via name).

— Implement Sort feature to sort result through ‘percenatge funded’, ‘End Time’ in ascending and descending order).

— Implement ‘Filter’ to add a filter based on location.

— Use your imagination and add features which would make things easier for end users.

— Zip all your Source code, Screenshot, & Deployment Instructions and upload.

[Plus Point]

— Implement infinite pagination onscroll.

— Persist the user's recent sort and filters combination; store the information in local-storage.

— Use your imagination and add features which would make things easier for end users.

— Zip all your Source code, Screenshot, & Deployment Instructions and upload.

[Extra Work]

— Add autocomplete feature to Search project names conveniently.

— Custom elegant design, fonts and icons to make web app more user-friendly.

— You may add portfolio activity comprising awesome work you have done on web application(s).

— Use your imagination and add features which would make things easier for end users.

Coding evaluation plus points:

Implementing the task in ES6.

Usage of design patterns.

OO programming OR functional programming.

For Senior software developer - vanila JS is a must.

For Software developer - React js (OR) vanila js.

[Guide]

— Cleartrip Kickstarter API: http://starlord.hackerearth.com/kickstarter

— Frontend Stack:

Vanilla Javascript, jQuery, HTML, CSS.

Custom CSS, Good if you can work around Bootstrap or Material Design.

Optional: Typography, Subtle pattern, Custom Icons.

Good to have: React.

— Prepend https://www.kickstarter.com/ before every Url param from API Response.

— PS: Application can be built with use of client-side scripting and need not require any backend.

— HTML5 Local Storage: http://html5demos.com/storage

— For icons and subtle texture:

http://glyphsearch.com/

http://subtlepatterns.com/thumbnail-view/

http://codebeautify.org/jsonviewer

http://www.flaticon.com/categories

[API Params]

amt.pledged: amount pledged

blurb: project blurb

by: project creator

country: abbreviated country code

currency: currency type of amt.pledged

end.time: campaign end time (string "YYYY-MM-DDThh:mm:ss-TZD")

location: mostly city

pecentage.funded: unit %

num.backers: total number of backers

state: mostly US states (string of length 2) and others

title: project title

type: type of location (string: County/Island/LocalAdmin/Suburb/Town/Zip)

url: project url after domain (string)