farrasnazhif's blog

 Here's my code for laundry web application using PHP, MySQL, and MAMP https://github.com/farrasnazhif/pweb-a/tree/main/laundrycrafty

To make life easier for everyone who wants to be a new student, I decided to build a New Student Registration System. It's a  simple web app that moves the whole process online . No more messy papers, lost documents, or long queues at the registration desk. Everything can now be done from a laptop or even a phone. The Idea The goal is straightforward: Make student registration faster , smarter , and completely online  while keeping it easy for both students and the school staff to use. Students can register, upload their files, pay the registration fee, and see their admission results all in one place. Meanwhile, the admin team can check data, verify documents, and update results instantly from their dashboard. How It Works The website is built with HTML, CSS, and JavaScript for the front side (the part users see), and PHP with MySQL for the back side (where all the data and logic live). Everything runs on MAMP , so it’s easy to develop and test ...

     Finally I've accomplished my frontend journey. It was a pithy journey and i learned a lot of new experiences during that. However, that is not the end of the journey. In web development, theres two main parts: frontend and backend development. The frontend is the part of the application that users directly interact with. It focuses on User Interface (UI) and User Experience (UX). There is a lot of tech stack you can use in frontend development, though the main stack that people usually use is HTML, JavaScript, and CSS; that's the core of frontend development.  On the other hand, in order to make a fully functional application, you need to integrate with backend but it's all fine if you want to make an application just with frontend; for example, blog and portfolio website.  Backend role is to manage server, databases, and application logic. It ensures that when a user submits a form, logs in, or requests data, the server processes that data requests correct...

     After a several weeks of studying web development. I finally reach the mid exam. So, the task for this mid exam is to build an agency website especially on travel agency.  There is a several things to do while building this landing page which are:  Header / Hero Section Benefit Section Testimonials Section Detail Products / Services Offer / Discount (Opsional) Form FAQ (Frequently Asked Questions)  Footer I didn't finish the optional section because i ran out of time. However, i pretty satisfied by the result i made. Here's the sight of the landing page: The tools that i use is only html and css, however i use bootstrap aswell for the form section. Since i just create a landing page so using javascript is not too necessary. You can check he code through my github: https://github.com/farrasnazhif/pweb-a/tree/main/jasa-travel-website There is a video about the code but unfortunately it uses Bahasa. You can check it through this link:  https://youtu....

 https://github.com/farrasnazhif/pweb-a/tree/main/ajax-form

       Couple weeks ago i finished to learn CSS. In CSS, to specify a class we need to make one by one. For example, if we want to make a beautiful blue button with a complete style, we need to code like this. .login-btn {   background-color: #007bff;   color: white;   padding: 10px 20px;   border: none;   border-radius: 4px;   width: 100%;   cursor: pointer; }     There is so many styles that we have to insert into our CSS button and it could be irksome if we want to work fast.  However, there is a solution for that.  The solution is to use Bootstrap, we can make a nifty button by just calling "btn"  on the css class. Here's what it looks like. <button class="btn">Button</button> As a result, we can make the same button as the css class we specify one by one with just only a second. What if I want to add more or change the current style? Another interesting part about this bootstrap framewo...