Kapalı

build a html page

Many websites need to be displayed in multiple languages. To handle this, all the languagespecific labels on the website are assigned a unique key and stored in a translation file. A website can have multiple translations files—one for each language. Translation files are stored in JSON, which allows labels to be stored hierarchically. For example, we could group the labels together by each section of a webpage:

The website can reference each label in the HTML by its key in dot-notation ([login to view URL] = “Welcome to my Webpage!”). The key is dynamically replaced by the label when the page is rendered. This means that your raw HTML pages will contain no actual text, just keys. The downside of this technique is that is becomes difficult to see what label a key corresponds to without looking through a long JSON document. There’s got to be something we can do about that, right? The Task Your job is to create a web page that allows a user to search a provided translation for a specific label. The search query will be the key of the label, in dot-notation. The requirements are as follows:  Provide a text area on the web page where the JSON can be copy and pasted. We will use a different JSON, but you can assume the JSON will be valid. The value of a JSON object will only be a string (the label), or another JSON object (a nested JSON object). There will be no arrays in the JSON object.

 The search interface will contain a search box, for entering the key, and a search results area to display the matching label. For example, if someone searched for “[login to view URL]”, the search page should display: “User Name”. Only one search result is possible since each key is unique. If the user enters an invalid key, or a key that could not be exactly matched from the JSON file, no search results should be returned.  The page should be written using HTML utilizing jQuery and Bootstrap. We are flexible in how you use jQuery and Bootstrap but please demonstrate knowledge of both.  Do not collaborate with other people on this project. It should represent only your own work. If you’re feeling ambitious, or just have a lot of time to kill, you can implement these extra features:  A “reverse” search option: Allow the user to search by the label, and return all the keys to which the label belongs. This search result can return multiple keys. Once again, only exact matches need to be considered. How the UI switches between the regular search and the reverse search is up to you.  Autocomplete: Give user options to fill in rest of a search based on partial input.  Some other cool feature/design you think would bring value to the application.

Beceriler: Önyükleme, HTML5, Javascript, jQuery / Prototype

Daha fazlasını gör: how to create a website using html on notepad, notepad html codes list, html web page design examples, how to create a website using html code, how to create a website in html step by step, how to make a website using html in notepad, how to make a website using html codes in notepad pdf, how to create a webpage using html and css, application launcher run html page, convert html page net web application, time build simple iphone application detailssimple page framework put information in framework attached week remove information , html page convert cms application, open html page j2me application, javascript html page training portal application, copy html page application

İşveren Hakkında:
( 8 değerlendirme ) piscataway, United States

Proje NO: #14932199

Bu iş için 12 freelancer ortalamada $27 teklif veriyor

richestuser

Hey, I can do it...I have great working 8 years experience with Designing & developing.I will provide you unlimited [login to view URL] contact me for more details.. Relevant Skills and Experience I think i'll be perfect Daha Fazla

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% USD
(46 Değerlendirme)
5.6
techsoftpk

Dear Employer, I am professional SEO friendly web designer & developer. Please come in private chat to discuss more in detail about your project and I am ready to start your project right now. Relevant Skills and Expe Daha Fazla

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% USD
(39 Değerlendirme)
5.2
mingqiao

I have a lot of experinece in development of project like what you want. If you hire me, I will do my best to develop your project wonderfully in a short time! Proposed Milestones $25 USD - milestone

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% USD
(4 Değerlendirme)
2.7
digitalideas61

We are a team of professional developers having 10 years of expertise into web development. I just read your project description, We can definitely do this project for you. Relevant Skills and Experience Our Portfolio Daha Fazla

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% USD
(3 Değerlendirme)
2.1
ukexpert10

Expert in Web Application Html5,css3,php,asp.net,mvc Relevant Skills and Experience HTML5, JS , JQ , CSS3 , BOOTSTRAP , PHP OR ASP.NET MVC Proposed Milestones $30 USD - --

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% USD
(0 Değerlendirme)
0.0
1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% USD
(0 Değerlendirme)
0.0
1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% USD
(0 Değerlendirme)
0.0
in %bids___i_period_sub_35% gün içinde25%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(0 Değerlendirme)
0.0
Shwapon07

Hello, I'm Shwapon. I'm a professionalism and passionate web designer. Relevant Skills and Experience I'm expert on HTML5,CSS3,Bootstrap,PSD to HTML,PHP,Responsive web design for a web designing. Already I've seen yo Daha Fazla

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% USD
(1 Yorum)
0.2
1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% USD
(0 Değerlendirme)
0.0
ali96sab

Since I'm a new freelancer, I would do it for this price good review if work is accepted Surely you'll get nice bootstrap-styled page, and search will be implemented with autocomplete feature Relevant Skills and Exp Daha Fazla

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% USD
(0 Değerlendirme)
0.0
LarsArne

Hello, i would like to implement the javascript functions to search in the pasted JSON file. The interface design will be quite simple, as the user only gets one item as a result. Relevant Skills and Experience Im stu Daha Fazla

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% USD
(0 Değerlendirme)
0.0