[vc_row css_animation=”none”][vc_column][vc_empty_space height=”200″][ultimate_fancytext fancytext_effect=”ticker” strings_tickerspeed=”200″ ticker_show_items=”1″ fancytext_strings=”From A Simple Web Application Program Interface
To A Simple Game For The Programmers Of GitHub” strings_font_family=”font_family:IM Fell Double Pica SC|font_call:IM+Fell+Double+Pica+SC” strings_font_size=”desktop:50px;tablet_portrait:40px;mobile_landscape:30px;mobile:20px;” strings_line_height=”desktop:50px;tablet_portrait:40px;mobile_landscape:30px;mobile:20px;” fancytext_color=”#bbf1f7″][vc_single_image image=”15870″ alignment=”center”][ult_buttons btn_title=”GitHub Code Repository” btn_link=”url:https%3A%2F%2Fgithub.com%2Fwayne-huang-14%2Fbattle-hub||target:%20_blank|” btn_align=”ubtn-center” btn_title_color=”#ff3a3a” btn_bg_color=”” btn_bg_color_hover=”#ff473a” btn_title_color_hover=”#ffffff” icon_size=”32″ btn_icon_pos=”ubtn-sep-icon-at-left” btn_border_style=”solid” btn_color_border=”#ff5b3a” btn_color_border_hover=”#dd3333″ btn_border_size=”1″ btn_radius=”0″ btn_font_family=”font_family:Roboto|font_call:Roboto” btn_font_size=”desktop:15px;” btn_line_height=”desktop:15px;”][/vc_column][/vc_row][vc_row css_animation=”fadeInUp”][vc_column][vc_empty_space height=”200″][vc_column_text css_animation=”none”]

WEB APP REVAMP

[/vc_column_text][vc_custom_heading text=”Naming from GitHub Battle to Battle Hub.” font_container=”tag:p|font_size:20|text_align:center|color:%23ffffff” google_fonts=”font_family:Roboto%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C500%2C500italic%2C700%2C700italic%2C900%2C900italic|font_style:100%20light%20regular%3A100%3Anormal” css_animation=”none”][vc_empty_space height=”30″][/vc_column][/vc_row][vc_row full_width=”stretch_row” content_placement=”bottom” video_bg=”yes” video_bg_url=”https://www.youtube.com/watch?v=fJRYbcfb_3c&feature=youtu.be” css_animation=”none”][vc_column][vc_empty_space height=”700″][/vc_column][/vc_row][vc_row][vc_column][vc_empty_space height=”30″][ult_dualbutton btn_border_style=”solid” btn_color_border=”#ff3a3a” btn_border_size=”1″ button1_text=”Old Version” icon_link=”url:https%3A%2F%2Ftm-github-battle.firebaseapp.com%2F||target:%20_blank|” btn1_background_color=”rgba(0,0,0,0.01)” btn1_bghovercolor=”#ff4e3a” button2_text=”New Version” btn_icon_link=”url:https%3A%2F%2Fbattle-hub.firebaseapp.com%2F||target:%20_blank|” btn2_background_color=”rgba(0,0,0,0.01)” btn2_bghovercolor=”#ff3a3a” divider_style=”icon” divider_text_color=”#ffffff” divider_bg_color=”#000000″ divider_icon=”Defaults-question” divider_border_style=”solid” divider_color_border=”#ff3a3a” btn1_text_color=”#ff3a3a” btn1_text_hovercolor=”#ffffff” btn2_text_color=”#ff3a3a” btn2_text_hovercolor=”#ffffff” title_font_size=”desktop:16px;” title_line_ht=”desktop:15px;” btn_width=”200″ btn1_font_family=”font_family:Roboto|font_call:Roboto” btn2_font_family=”font_family:Roboto|font_call:Roboto”][/vc_column][/vc_row][vc_row][vc_column][vc_empty_space height=”200″][vc_column_text css_animation=”fadeInUp”]

PROJECT MANAGEMENT

[/vc_column_text][vc_custom_heading text=”Asana was used to manage tasks for the web app.” font_container=”tag:p|font_size:20|text_align:center|color:%23ffffff” google_fonts=”font_family:Roboto%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C500%2C500italic%2C700%2C700italic%2C900%2C900italic|font_style:100%20light%20regular%3A100%3Anormal” css_animation=”fadeInUp”][vc_empty_space height=”30″][vc_single_image image=”15879″ img_size=”large” alignment=”center” onclick=”link_image”][/vc_column][/vc_row][vc_row][vc_column][/vc_column][/vc_row][vc_row][vc_column][vc_empty_space height=”200″][vc_column_text css_animation=”fadeInUp”]

CHANGE FOR THE BETTER

[/vc_column_text][ultimate_carousel slider_type=”full_width” slide_to_scroll=”single” slides_on_desk=”3″ slides_on_tabs=”2″ slides_on_mob=”1″ speed=”2000″ autoplay_speed=”1000″ arrow_color=”#ff0000″ next_icon=”ultsl-arrow-right6″ prev_icon=”ultsl-arrow-left6″ dots=”off” centermode=”on”][interactive_banner banner_title=”Colour Combination” banner_desc=”Colours are important for cohesion on branding.
Answers the problem:
“Does this connect with this?“” banner_image=”id^15897|url^https://embernavarro.com/wp-content/uploads/2017/11/Color-Combo.png|caption^null|alt^null|title^Color Combo|description^null” banner_height=”ult-banner-block-custom-height” banner_height_val=”500″ banner_style=”style11″ desc_color=”#999999″ banner_title_font_family=”font_family:Roboto|font_call:Roboto” banner_desc_font_family=”font_family:Roboto Condensed|font_call:Roboto+Condensed” banner_desc_style=”font-style:italic;”][interactive_banner banner_title=”Iconography” banner_desc=”Icons are important for quick representation.
Answers the problem:
“What does this look like so it means…?“” banner_image=”id^15900|url^https://embernavarro.com/wp-content/uploads/2017/11/Iconongraphy-1.png|caption^null|alt^null|title^Iconongraphy|description^null” banner_height=”ult-banner-block-custom-height” banner_height_val=”500″ banner_style=”style11″ desc_color=”#999999″ banner_title_font_family=”font_family:Roboto|font_call:Roboto” banner_desc_font_family=”font_family:Roboto Condensed|font_call:Roboto+Condensed” banner_desc_style=”font-style:italic;”][interactive_banner banner_title=”Typography” banner_desc=”Used:
Im Fell Double Pica SC

Fonts are important for readability
Answers the problem:
“I can’t read what you are saying?“” banner_image=”id^15896|url^https://embernavarro.com/wp-content/uploads/2017/11/Font.png|caption^null|alt^null|title^Font|description^null” banner_height=”ult-banner-block-custom-height” banner_height_val=”500″ banner_style=”style11″ desc_color=”#999999″ banner_title_font_family=”font_family:Roboto|font_call:Roboto” banner_desc_font_family=”font_family:Roboto Condensed|font_call:Roboto+Condensed” banner_desc_style=”font-style:italic;”][interactive_banner banner_title=”Usability” banner_desc=”Intuitive, Efficient, and Satisfying.
Answers the problem:
“What’s the purpose of this function?“” banner_image=”id^15905|url^https://embernavarro.com/wp-content/uploads/2017/11/Usability.png|caption^null|alt^null|title^Usability|description^null” banner_height=”ult-banner-block-custom-height” banner_height_val=”500″ banner_style=”style11″ desc_color=”#999999″ banner_title_font_family=”font_family:Roboto|font_call:Roboto” banner_desc_font_family=”font_family:Roboto Condensed|font_call:Roboto+Condensed” banner_desc_style=”font-style:italic;”][interactive_banner banner_title=”Organization” banner_desc=”Clear categorizations are important for maneuverability.
Answers the problem:
“Where is this found again?“” banner_image=”id^15901|url^https://embernavarro.com/wp-content/uploads/2017/11/Organization.png|caption^null|alt^null|title^Organization|description^null” banner_height=”ult-banner-block-custom-height” banner_height_val=”500″ banner_style=”style11″ desc_color=”#999999″ banner_title_font_family=”font_family:Roboto|font_call:Roboto” banner_desc_font_family=”font_family:Roboto Condensed|font_call:Roboto+Condensed” banner_desc_style=”font-style:italic;”][/ultimate_carousel][vc_empty_space height=”30″][/vc_column][/vc_row][vc_row content_placement=”middle”][vc_column][ult_buttons btn_title=”Let’s Talk” btn_link=”url:https%3A%2F%2Fembernavarro.com%2Fcontact_me%2F|||” btn_align=”ubtn-center” btn_title_color=”#ff3a3a” btn_bg_color=”” btn_bg_color_hover=”#ff473a” btn_title_color_hover=”#ffffff” icon_size=”32″ btn_icon_pos=”ubtn-sep-icon-at-left” btn_border_style=”solid” btn_color_border=”#ff5b3a” btn_color_border_hover=”#dd3333″ btn_border_size=”1″ btn_radius=”0″ btn_font_family=”font_family:Roboto|font_call:Roboto” btn_font_size=”desktop:15px;” btn_line_height=”desktop:15px;”][vc_empty_space height=”200″][vc_icon icon_fontawesome=”fa fa-fire” color=”white” align=”center”][vc_column_text]

Thanks to:

BATTLEHUB | TylerM for the inspiration

TEAM | Wayne for coding and starting the idea

[/vc_column_text][vc_separator style=”shadow” el_width=”50″][/vc_column][/vc_row]