Papacidero / axiom-zen-frontend-challenge

Design a landing page for the non-profit organization of your choice.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Axiom Zen - Front End Dev / Design Challenge

  • How long did the assignment take?
    • Answer: Something about 4/5 hours.
  • Did you learn anything new in the process?
    • Answer: How to use Babel to compile ES6 into ES5.
  • What was the hardest part?
    • Answer: The shorter time that I've reserved myself to work on this Challenge.
  • If you could go back and give yourself advice at the beginning of the project, what would it be?
    • Answer: For sure, the mostly important advice that i've give myself, is to let my project already configured, i've lost a lot o time, configuring grunt to run Babel, and at the beginning i've started using a Windows Machine but in some minutes I've realized that my Machine was not prepared for Node, Npm and the lack of Terminal in Windows is very annoying So i went to my Macbook and the things started to get better and faster.

The Challenge

Design a landing page for the non-profit organization of your choice.

The outcome should be a high fidelity mockup plus a “kicker” of your choice from the list below. Feel free to use placeholder content for features outside your focus. For example, if you aren’t focusing on Visual Design, you do not need to create a custom logo. Quality over quantity!

Provide any useful process documentation that you would like us to see as well as the assets used. The final deliverable is yours: put it on your portfolio, tweet it, share it, make something you’re proud of!

The Kicker choosen was:

While the main assignment is to create a landing page, the goal is for us to discover your strengths. Please choose one of the following options, and flesh out that aspect of your concept.

Front-End Development (Choosen)

Build it! Feel free to use frameworks like Bootstrap or Foundation.

Technologies used

  • HTML5
  • CSS3 (Using Sass as Pre-processor)
  • Javascript (ES6 Using Babel to Compile into ES5)
  • Jquery
  • Grunt as my Javascript Task Runner
  • Atom as a Text Editor
  • Git as Versioning Control
  • Chrome as a main Browser, but alto tested on Safari and Firefox
  • A little bit of Boostrap to build the Buttons.

Non-Profit Organization

I've choosen WWF as my Non-Profit Organization

About

Design a landing page for the non-profit organization of your choice.


Languages

Language:HTML 52.3%Language:CSS 39.1%Language:JavaScript 8.6%