Challenge Overview
Project Overview
Currently a user can find a great deal of information about their Google Apps Domain through the Admin Console when logged in as an Admin to their Google Apps Domain. Our customer is looking for a tool to query the Google Apps Domains through Google APIs and provide a dashboard view. This will put all of the settings in a read-only view all in one place. This will also allow individuals who would not normally have access to this information the ability to at least have read access to the Google Apps Domain that their company maintains.
This application will also support the ability to export as PDF & CSV.
Competition Task Overview
This challenge should follow the wireframes and storyboard to implement the HTML5 Prototype.
Note: This project just have one major page.
Key Requirements
- Replicate the design of the approved Storyboards (PSD Files) for all pages.
- Your pages must match the colors and structure of the provided storyboards.
- Ensure your pages display correctly in all browsers. It is your responsibility to make sure the pages display correctly.
- Ensure you submission clear of HTML and CSS Validation error and warning.
Detailed Requirements
Implement the Dashboard for Desktop and Mobile.
Specific HTML/CSS/JavaScript Requirements
- You MUST use HTML5
- Validate your code - reviewers may accept minor validation errors, but please comment your reason for any validation errors. Use the validators listed in the scorecard.
- Use CSS to space out objects, not clear/transparent images (GIFs or PNGs) and use proper structural CSS to lay out your page. Only use table tags for tables of data/information and not for page layout.
- No inline CSS styles - all styles must be placed in an external stylesheet.
- Use semantically correct tags - use H tags for headers, etc. Use strong and em tags instead of bold and italic tags.
- Element and Attribute names should be in lowercase and use a "-" or camel naming to separate multiple-word classes (i.e.. "main-content", or "mainContent).
- Label all CSS, JavaScript, or HTML hacks with explanations so others will understand.
- Your code must render properly in all browsers listed in the scorecard in both Mac and PC environments.
Browser Requirements
- Chrome Latest (Desktop and Mobile)
- Firefox Latest (Desktop and Mobile)
- Safari Latest (Desktop and Mobile)
Final Submission Guidelines
- HTML Prototype