Completed

Build HTML/Javascript/jQuery converter tool -- 2

We need to create a simple Javascript tool to allow users to enter specific ‘identifier’ values in a text box and then view the ‘converted’ form of these identifier values.

The logic behind the conversion is already implemented in an existing Google Sheet:

[login to view URL]

The Google sheet has 3 sheets, each of which we would like to “mimic” in the Javascript tool in a simplified form. To illustrate the structure of the tool, we have created a “sketch”, which showcases the same tool through 3 different views (controlled via the “tabs” in the upper right corner): [login to view URL]

Here, the “CAN ID to PGN” view reflects the Google sheet “CAN-ID-to-PGN”, the “PGN to CAN ID” reflects “PGN-to-CAN-ID” and the “PGN list” reflects the “J1939/NMEA PGN List”.

Below we describe the implementation for the tool:

-----------------

General:

1) The tool should be based on simple HTML and Javascript code (optionally with jQuery). The code should be clean, readable and optimized for use across web browsers (Chrome, Edge, Firefox, ...).

2) CSS styling should be minimal and be done through classes. The aim is to achieve a similar “look & feel” (colors, fonts, table structure, ...) as in the PDF illustration

3) The tool should be suitable for a width of 940 px

4) Finished milestones for the tool should be presented via [login to view URL]

5) The tool should be “tested” to match the results in this CSV: [login to view URL]

6) The tool should support two number formats: Hexadecimal and Decimal, controlled via the select dropdown in the upper left corner. All values should be changed accordingly when the user changes the type in the dropdown

7) Across the 3 views in the tool, some columns (PGN, PGN label, In DBC) should be looked up from a CSV file, which should be loaded by the tool on-page-load for use across the 3 views in the tool: [login to view URL]

8) The implementation should ideally be done via table structures, with table dimensions not changing upon updates (all fields should stay in the same place)

-----------------

CAN ID to PGN view

1) The user is able to input a number of identifiers in the text field table to the left (CAN ID column), separated by new-line (for example pasted form an Excel sheet)

2) If e.g. 5 IDs are added, the tool should show 5 lines of converted information

3) Each column should be calculated in the same way as in the Google Sheet

4) If a user changes a value in the text field, deletes a line, adds more lines etc, the output should be updated as a result

5) The tool should have the values shown in the PDF as the ‘default’ values

6) If a user enters a lot of values (e.g. 50 CAN IDs), the tool should retain the dimensions, but enable a scroll bar as illustrated in the PDF sketch

-----------------

PGN to CAN ID view

1) This is similar to the above, but should use calculations from the Google sheet “PGN to CAN ID”. The table should display values from “Step 1/2” in the Google Sheet for the fields: "P (PRIORITY)" "R (Reserved)" "DP (Data Page)" "PF PDU Format)" "PS (PDU Specific)" "SA (Source Address)"

2) The tool should display values from “Step 2/2” for the fields “CAN ID” and “DBC ID”

-----------------

PGN list view

1) This should simply be a listing of the contents of the pgn-list CSV already loaded

-----------------

We are looking for a developer for many similar projects, so we hope for good pricing and results on this one.

Please share examples of similar online tools you've developed in the past.

Skills: JavaScript, jQuery, HTML

See more: html css flash javascript jquery freelancer, webdesign graphic css html javascript jquery flash, protect code html php javascript jquery, best html javascript converter, need someone build html website, html javascript jquery, jquery mobile html javascript wcf, design ebay listing template html css javascript jquery, javascript parse html table jquery, php html css javascript jquery mysql, create newsletter builder using html javascript jquery, web design html css javascript jquery set, HTML CSS JavaScript JQuery, html css jquery javascript, html php css javascript jquery, javascript jquery html, php html javascript jquery sql, html javascript unit converter

About the Employer:
( 26 reviews ) Maarslet, Denmark

Project ID: #31849234

Awarded to:

rafaelgomesxyz

I have some experience with JavaScript and the Google Sheets API, so I'd be happy to do this for you.

$67 USD in 3 days
(1 Review)
1.7

16 freelancers are bidding on average $174 for this job

(78 Reviews)
8.2
michealperfect

Hi There, I can build an HTML/Javascript/jQuery converter tool according to your requirement. I am a professional full-stack developer you will have your work within time with absolute quality perfection. check out t More

$300 USD in 7 days
(179 Reviews)
7.1
avinaykumarweb

lets discuss I am available for this project and also want to work long term as you needed many thing in future also as you mentioned Thanks

$200 USD in 7 days
(59 Reviews)
6.1
artocenter

Hi. I am a skilled engineer with 8+ years experience in JavaScript, jQuery and HTML. A skilled developer, able to learn and adapt quickly to new technologies. I've read the job requirements. You can check my profile to More

$100 USD in 2 days
(10 Reviews)
4.9
(13 Reviews)
4.7
umairkaramat24

Hello, I read your project details and really interested in your mentioned job. I have 5+ years’ experience doing similar jobs related to these skills HTML, jQuery and JavaScript. I think its doable job, and really con More

$250 USD in 9 days
(10 Reviews)
4.0
Honeytech92

I am interested after reviewing the project details and would love to work on this project. I have strong experience in website amd mobile app development with technology expertise such as PHP,HTML/CSS/JAVASCRIPT,Angu More

$80 USD in 7 days
(7 Reviews)
4.3
Daulatzai

Hi there. I went through your requirements carefully and understood them well. I know you may have an in-house freelancer but you are looking for a quality freelancer here. I am expert with 5 years professional experie More

$200 USD in 7 days
(5 Reviews)
2.9
polonska

Hello I have just read your requirement. I’m acing this field among several fields and I’m a 45 hours of full time worker being able to work in your time zone. My major skill is HTML, CSS, JAVASCRIPT, BOOTSTRAP, JQUE More

$200 USD in 7 days
(2 Reviews)
2.9
karimdeveloper41

Hello, your project is very interesting for me I just checked your project description [login to view URL] i feel this project is just matching for my experience and skill very [login to view URL] to make me happy to face project li More

$200 USD in 7 days
(1 Review)
1.4
viktoriiashporti

Hello Sir How are you? I am Viktoriia from Ukraine. As javascript jQuery expert, I hope to work with you. I have many experiences on the core php. I hope to work with you. Thanks

$30 USD in 1 day
(1 Review)
1.1
philipfosu

Hi, How are you doing? I am very interested in your job because have vast experience in Javascript. Please feel free to contact me. Looking forward to working with you. Best Regards.

$200 USD in 7 days
(0 Reviews)
0.0
sashasavrasova

Hi. Nice to meet you. Hope you're doing well. Hope you are safe from COVID-19. I am a full-stack developer of 6+yrs experience in HTML/CSS/JavaScript. I can start right now and do my best with your project. Sure you w More

$100 USD in 7 days
(0 Reviews)
0.0
iraforlita

Hello. I understand your project requirements completely and feel confident to deliver the job perfectly. Your job really caught me eyes because my experience and expertise are perfect match for your job. we have 9+ ye More

$200 USD in 7 days
(0 Reviews)
0.0
viacheslavpilin

Hi ! I read your job description carefully. I have 5+ years of experience with Javascript,jQuery and really love it. Who has the biggest ability to do something is that who loves it most. I'm full of confidence to do More

$200 USD in 1 day
(0 Reviews)
0.0