Find Jobs
Hire Freelancers

Build simple page that presents stylized generic drivers license

$10-30 USD

Completed
Posted about 9 years ago

$10-30 USD

Paid on delivery
This page has a picture of a typical state drivers license front and back : [login to view URL] I want HTML, CSS and Javascript that given this JSON: { "address": { "country": "USA", "street1": "One Main Street", "city": "Your City", "jurisdiction": "WA", "postal_code": "98059" }, "license_details": { "vehicle_class": "NONE", "restrictions": [ "Corrective Lenses" ], "endorsements": [ "Motorcycles" ], "issue_date": "2014-04-20T07:00:00.000Z", "federal_commercial_vehicle_codes": "NO" }, "expiration_date": "2019-09-15T07:00:00.000Z", "cardholder": { "picture": "[login to view URL]", "signature": "[login to view URL]", "family_name": "DOE", "middle_names": [ [ "MICHAEL" ] ], "given_name": "JOHN MICHAEL", "name_suffix": "", "date_of_birth": "1973-09-14T07:00:00.000Z", "weight": "140 lbs" }, "first_name": "JOHN", "physical_description": { "sex": "male", "eye_color": "Blue", "height": "067 in" }, "id_number": "JOHNDM266ON", "document_discriminator": "JOHNDM266ON3B141104O1048", "jurisdiction_data": { "A": "141104O1048", "B": "", "C": "3B", "D": "", "E": "", "F": "Rev092020" } } Produces a "generic" drivers license, by generic I do not want it to look like an attempt at a fake Washington (or any other states) drivers license. I do however want it to look professional and contain all of the same elements / layout. Conceptually you can think of taking this JSON and producing a drivers license for the internet, one without state boundaries. You will structure your javascript/html/css in such a way at a later date multiple "formats" of the license can be added. For example there might be a different layout for people with an address in Washington vs California. As much as practically possible I want all of the visual elements in the drivers license to be presented in the resulting web page without it looking like a fake. Some notes: 1) For the back you can use static images for the two barcodes. 2) You will include as many of the "security features" like the overlaid state logo on the image and the overlaied number on the image. 3) Where any image manipulation is necessary, for example making the second picture seemed faded you will use CSS filters. 4) Must work well on latest chrome, firefox and safari. 5) Must be responsive and re-align and work well on mobile. 6) If the JSON is missing a value you feel is necessary to create the image, add a value to the JSON to meet your needs. 7) Must be designed to be easily re-usable, maybe as a JQUERY plugin. 8) CSS must contain only the elements that are needed and be well structured. 9) HTML must contain only the elements that are needed and be well structured.
Project ID: 7444361

About the project

2 proposals
Remote project
Active 9 yrs ago

Looking to make some money?

Benefits of bidding on Freelancer

Set your budget and timeframe
Get paid for your work
Outline your proposal
It's free to sign up and bid on jobs
Awarded to:
User Avatar
Hello, I am a web developer and I have experience in web developments since 4 years. I have questions related to your project so PM me to discuss it. Thanks. "Happy Hiring"
$30 USD in 1 day
4.8 (52 reviews)
5.0
5.0
2 freelancers are bidding on average $120 USD for this job
User Avatar
Hello! With 99% completion rate, 750 successfully completed projects, and a 5.00 reputation (maximum possible, 5.0) (Yes, not even 4.99 average rating, can be verified on my profile page https://www.freelancer.com/u/rajeshsonisl.html !!)... you can never go wrong choosing me :) I look forward to your reply. Thanks. Kind Regards, Rajesh Soni
$210 USD in 1 day
4.9 (1048 reviews)
8.9
8.9

About the client

Flag of UNITED STATES
Woodinville, United States
5.0
18
Member since Sep 3, 2012

Client Verification

Thanks! We’ve emailed you a link to claim your free credit.
Something went wrong while sending your email. Please try again.
Registered Users Total Jobs Posted
Freelancer ® is a registered Trademark of Freelancer Technology Pty Limited (ACN 142 189 759)
Copyright © 2024 Freelancer Technology Pty Limited (ACN 142 189 759)
Loading preview
Permission granted for Geolocation.
Your login session has expired and you have been logged out. Please log in again.