Home Page

Welcome to,

MNHAZIM.COM

INTRODUCTION

This is my first customize personal website. Im using Bootsrap 4 for my UI(User Interface) Library and Laravel 6 (PHP Framework) for my backend process. I implemented animation and transition for this website using animate.css and wow js library. I try to implement CMS (Content Management System) for this website, currently only 60% data fetch from Database and 40% hardcoded (In planning to make 100% data fetch from DB).

PLAN

Planning and analysis are important things before I start develop something. First, I collect all information,portfolio and any resources like design modern website(Pinterest/UI UX Instagram), example personal website, database structure for CMS (Basic CMS part). After that, I draft my storyboard and my database structure before I start design my first UI in Adobe XD. Draft database structure you must thing about flow, and the important thing how CMS work. MNH is my prefix table.

DESIGN

After I complete collect all information and flow database structre, I start design my first UI in Adobe XD. Currently for this UI is my second design. Designing is not easy because you must being creative and know about modern design. I follow many resources in UI/UX Designer in Facebook, Instagram, Pinterest and etc to get Idea for design my website. I take 5 days to finish my first design.

DEVELOP

Before I start write my code. I draft my folder directory like private part, public part, master part and etc. Seprate folder make my work more efficient and easy to trace. Next, I start project using laragon and write my code on Sublime Text 3 for my code editor and HeidiSQL for my database manager. I use Git to push my code on github if any modified or any process going.

DEPLOY

for this application, Im using shared hosting from jimathosting provider to deploy my application. CPanel to manage/configure my server then I use File Zilla (FTP) To transfer file from local to server.