Post Project
  • Search
    • Buyers can
    • Search offers to buy now
    • Search freelancers to request a proposal
    • Freelancers can
    • Search projects to quote on
  • How it works
  • Log in
  • Sign up
  • Freelancer?
Browse by Category
    Technology & ProgrammingWriting & TranslationDesignDigital MarketingVideo, Photo & ImageBusinessMusic & AudioMarketing, Branding & SalesSocial Media

    Conversion of a Sketch file to AngularJS, HTML and CSS

    - or -

    Post a project like this
    09/09/2016
    $400
    • Posted: 6 years ago
    • Proposals: 9
    • Remote
    • #1245347
    • Expired
    ZEAL F.
    ZEAL F.
    Web and Mobile Application Development | IOT | Digital Marketing
    Top Endorsed
    India Chandigarh
    Hits P.
    Hits P.
    Web Developer
    India Rajkot
    Khaqan M.
    Khaqan M.
    Expert SEO, Wordpress & AngularJS Programmer
    Pakistan Islamabad
    Vikrant S.
    Vikrant S.
    Web developer and designer
    India Pune
    Hamza A.
    Hamza A.
    Associate Software Engineer
    Pakistan Lahore
    Rohit K.
    Rohit K.
    Senior Web and mobile developer
    India Chandigarh
    Vlad V.
    Vlad V.
    Senior Full-Stack Engineer
    Romania Cluj-Napoca
    Anshika D.
    Anshika D.
    Full stake developer*WordPress✮Shopify✮PHP✮ SEO✮HTML✮CSS
    Top Endorsed
    India Indore
    Elvis M.
    Elvis M.
    Front End Expert
    Bolivia Santa Cruz de la Sierra
    574957107575813452821313361136161213302561793838119161266076
    ZEAL F.Hits P.Khaqan M.Vikrant S.Hamza A. + 4 others have already sent a proposal.
    • 1
    • 1

    Description

    Experience Level: Intermediate
    Estimated project duration: 1 - 2 weeks
    General information for the website: Online portal to track vehicles

    Num. of web pages/modules: 4

    Description of every page/module:
    Login Page - A simple login form
    Map Page - A full page map with sidebar containing logged in user's vehicles
    Table Page - A full page table to show data about the logged in user's vehicles
    Chart Page - A full page of chart show data about the logged in user's vehicles

    Description of requirements/features:
    Conversion of a Sketch design file to AngularJS, HTML and CSS

    General Features
    - Single Page Application, Frontend only. No need for server side scripts.
    - Responsive design to use Twitter Bootstrap v3 that should support desktop, tablets and mobile.
    - Avoid fixed and absolute positioned elements unless necessary (such as the show / hide of div)
    - UI elements to fully use AngularJS version 1.5.8+
    - jQuery v3.1.0+ is to be used if the library is not available in AngularJS, wrapped as directives
    - Routing to use Angular UI Router
    - Mapping to use either OpenStreetmap, Google Maps or Nokia Maps
    - To use SASS / SCSS for CSS
    - CSS should be browser prefixed
    - Animation of UI to use CSS3
    - CSS Concatenation, Compilation and Minification to use Gulp
    - JS linting to use JSHint or JSLint via gulp
    - Assets to be downloaded via npm / bower

    Browser compatibility as per below:
    Desktop:
    Google Chrome v52 and above
    Mozilla Firefox version 48 and above
    Apple Safari version 9 and above
    Internet Explorer version 11 and above
    Mobile:
    Android Browser version 51 and above
    Chrome for Android version 51 and above
    iOS Safari version 9.3 and above

    AngularJS application to be structured as one responsibility per file and to follow this styleguide: https://github.com/johnpapa/angular-styleguide/blob/master/a1/README.md

    All files should be properly indented to 4 spaces for tabs, All accompanying JS files (except libraries downloaded off the net) should be linted using either JSHint or JSLint. I'm not going to cleanup your shitty source code.

    Your code will be further worked on by me to implement the details and backend integration thus all source code should be modifiable and NOT minified.

    At the handoff stage of the project I expect the following files:
    1) Converted source code of HTML, SCSS and Javascripts
    2) Images & fonts (if any) used
    3) Gulpfile.js
    4) package.json for gulpfile installation and assets (if any)
    5) bower.json if assets are downloaded from bower

    The design is in the Sketch format. I will not entertain any request to have the design in any other formats. So you better own or have access to an OSX running a copy of the latest version of Sketch.

    Please do not apply if you cannot comply to any of the above requirements.

    Design URL:
    https://projects.invisionapp.com/share/9685Q1THN#/screens

    Extra notes:
    Full, unminified source code to be handed over.

    Super important:
    1) I will not entertain any requests for Skype calls or any communication outside PPH. I'd like to have all the proposals here, in writing for me to better evaluate.
    2) Please do not bid if you do not have any experience with AngularJS and/or do not have reference sites to back your claim.

    Zulfa J Z.
    Zulfa J Z.
    0% (0)
    Projects Completed
    -
    Freelancers worked with
    -
    Projects awarded
    0%
    Last project
    9 Feb 2023
    Malaysia

    New Proposal

    Login to your account and send a proposal now to get this project.

    Log in

    Clarification Board Ask a Question

    • 10 Aug 2016David B.

      Are you in a rush or flexible on deadline?

      Zulfa J Z.10 Aug 2016

      The timeline is fixed at 1 - 2 weeks upon awarding the job. I'm looking to award the job in about a week's time.

      David B.10 Aug 2016

      sketch file is in PSD format?

      • Show more messages
    99505
    09/09/2016
    $400

    - or -

    Post a project like this
    Zulfa J Z.
    Zulfa J Z.
    0% (0)
    Projects Completed
    -
    Freelancers worked with
    -
    Projects awarded
    0%
    Last project
    9 Feb 2023
    Malaysia

    Related project Searches


    responsive design google maps html/html5 jquery android angular js back end developer browser compatibility testing cascading style sheets (css) communication compiler desktop support front end developer google chrome gulp js image internet explorer ios JavaScript programming language mobile mozilla (firefox) sass scss sketching design twitter bootstrap user interface (UI) web

    Product

    • About
    • Team
    • Careers

    Support

    • How it works
    • Trust & Safety
    • Help Centre

    Discover

    • GuidesStoriesNews

    Resources

    • Customer Stories
    • Business Cost Calculator
    • Startup Cities

    Browse

    • Freelance Services
    • Freelance Services By Country
    • Freelance Skills
    • Terms
    • Privacy
    • Sitemap
    • Company Details
    • © 2023 People Per Hour Ltd
    We collect cookies to enable the proper functioning and security of our website, and to enhance your experience. By clicking on 'Accept All Cookies', you consent to the use of these cookies. You can change your 'Cookies Settings' at any time. For more information, please read ourCookie Policy
    Cookie Settings
    Accept All Cookies