code-institute-submissions / e-commerce-project Goto Github PK

Mad's Mover.

Mad Commerce is a company that sell a multiple design in architecture field.

• Ux
• Feature
• Technologies-Used
• Deployment
• Credits
• Acknowledgements
• Disclaimer

What is Mad Commerce ?

• Mad Commerce is a company that sell a multiple design in architecture field. We sell all the design, and our traget customer to the student, freelance, and big architecture company as reference.

• GitHub

  • This project uses GitHub to store and share all project code remotely.
  • The new GitHub Projects planner was utilised to plan and keep track of this project. This project plan can be viewed here.

• GitPod

  • Developer used GitPod for their IDE while building the website.

• Photoshop

  • his project used tools in Photohshop to edit, crop and save images as well as ulitising the colour picker to ensure color consistency over the entire project.

• Google Fonts

  • The project uses Google fonts to style the website fonts.

• Bootstrap

  • The project uses Bootstrap to simplify the structure of the website and make the website responsive easily.
  • The project also uses Bootstrap to provide icons from FontAwesome

• W3c Validator

  • Using this website to check all the error in html.

• Diffchecker

  • Using this website get differentiation code.

• Stripe

  • Using this website get the payment on log order.

• EmailJS

  • Using this website get the APi key for the Email.

• Hiroku

  • Using this website as a deployment.

• AWS Amazon

  • Using this website to buy the domain.

This project was developed using the GitPod, and pushed to GitHub using the built in function within GitPod. To deploy the Mad's Lab, to GitHub Pages from its GitHub repository, the following steps have to be done:

• Log into GitHub.
• Navigate the GitHub repository.
• Click on the setting tab at the top of the repository bar.
• Scroll down on that page to the GitHub Pages section.
• The first drop-down field should be Source with None preselected.
• Select master branch from the list.
• The page should refresh.
• Scroll back down to the GitHub Pages section.
• You should now have a deployed link.

Mad Commerce project made use of several branches for development, testing and bug fixing. The Master Branch has always been the one deployed to GitHUb Pages. When displaying the website life, the developer tries to keep the master branch to optimal code only. At the moment of submitting this Milestone project the Development Branch and Master Branch are identical.

Content

• All the content in this project is written by muhammad syafiq and mostly of the code refer from the tutorial Project - Boutique Ado, and for the javascript is refer from stack overflow.

Media

• Image
  • Most the building images in this project is own by Muhammad Syafiq.
  • The Google Images and are used for project purposes only.

Code

• Reference code for the html, css, javascript, Python are referred from W3School, Bootstrap, stack overflow, Stripe, Hiroku, and AWS amazon.

Special thanks to:

• Code Institute Mentor, Sir Brian for his time and support in explaining and demonstrating areas of code this developer was struggling to understand.
• Code Institute Tutor, for their time and support in explaining and demonstrating areas of code this developer was struggling to understand.

All the content of this website, including the images used, are for educational purposes only.

A fully responsive website using Python, CSS, javascript, and HTML5