ECommerce_Assignment_1

Design

https://app.zeplin.io/project.html#pid=58ac35a37d25ae7d91cbc732 (need to login)

jQuery

Add to HTML:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

Reference:

• https://www.w3schools.com/jquery/
• https://jquery.com/

Bootstrap

Add to HTML:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

Reference:

• http://getbootstrap.com/
• https://www.w3schools.com/bootstrap/

Config Sublime Text 3 (recommended)

Preferences -> Settings -> Settings-User

{
	"auto_complete": true,
	"bold_folder_labels": true,
	"caret_extra_bottom": 2,
	"caret_extra_top": 2,
	"caret_style": "phase",
	"close_windows_when_empty": true,
	"draw_white_space": "all",
	"find_selected_text": true,
	"fold_buttons": false,
	"font_size": 12,
	"highlight_line": true,
	"highlight_modified_tabs": true,
	"ignored_packages":
	[
	],
	"indent_guide_options":
	[
		"draw_normal",
		"draw_active"
	],
	"line_padding_bottom": 1,
	"line_padding_top": 1,
	"scroll_past_end": true,
	"tab_completion": false,
	"tab_size": 2,
	"translate_tabs_to_spaces": true,
	"trim_automatic_white_space": true,
	"trim_trailing_white_space_on_save": true,
	"update_check": false,
	"vintage_start_in_command_mode": false,
	"wide_caret": true,
	"word_wrap": true
}

Deployed: https://e-commerce-hcmut.herokuapp.com