Skip to content

glockjt/CodingAssessment-FrontEnd

Repository files navigation

GiftCards.com Front End Developers Coding Assessment

Coding Assessment

The coding assessment for the Front End Developer will be centered around a scenario which they will need to complete 5 tasks, and have the opportunity for 2 bonuses. These tasks match what the UI team does on a daily basis and it will test the candidates on their completion skills and coding style.

How to Submit Assessment

Clone GitHub repository onto local development machine. Provide code changes in the "Must have changes" and save code to your GitHub account. Provide link to repository containing changes for assessment. Provide to GiftCards development team for consideration.

Scenario

You are maintaining a website for a local adult hockey team. This team has 20 players and all are focused on their website to keep communication open. They are requesting some updates to their site and need your help to get them completed. The team has a few developers on it and they want to make sure their site is responsive, performs quickly, and is W3C compliant. You will find five (5) high priority changes they want, and two (2) bonus items they would love to have.

Supported devices

  • iPhone 4
  • iPhone 5
  • iPad 3
  • Nexus 7
  • Desktop small screen
  • Desktop large screen (1200px+)

Coding Standards

  • All pages must be responsive for the Supported devices list
  • All pages must be W3C compliant
  • CSS should utilize best practices with naming conventions
  • JavaScript should limit the amount of content in the global scope

Must have changes

  1. Following the screenshot in specs/homePage.png change the Home Page to match
  2. Change the Contact Us page to be user friendly
  3. Pick any photos from Google and modify the Team page to show images of the starting line up
  4. Enable the Statistics page to have sortable columns
  5. Rework the Sponsors page to be more creative

Bonus changes

  1. On the Statistics page load the game data from a JSON list and show that data in the table
  2. On the Statistics page use AngularJS to load data from JSON file and enable filtering and pagination

Helpful Links

AngularJS Documentation

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published