Conversion of a Sketch file to AngularJS, HTML and CSS
- or -
Post a project like this$400
- Posted:
- Proposals: 8
- Remote
- #1245347
- Expired
Full stack developer | MEAN | Javascript | Python |AWS | noSQL | PostgreSQL | MySQL | Blockchain | AI
Pune
811916126607610757581345282131336113616121330256179383
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.
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.
0% (0)Projects Completed
-
Freelancers worked with
-
Projects awarded
0%
Last project
14 Dec 2024
Malaysia
New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-
Are you in a rush or flexible on deadline?
Zulfa J Z.10 Aug 2016The 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 2016sketch file is in PSD format?
99505
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