Previously, we have learned and created our style guide here. Now, I wanna share how I create components for our project using ReactJs styled-components. In this article, I assumed that you have initiated your React.js project and also installed styled-components. If you haven’t, then you can refer to Creating React…

Steps on how we create our web design style guide and how you can make one too — Web Design Style Guide, What is it? A style guide is a reference source where you collect and present all of the design decisions for your website. This includes its color scheme, typography, spacing, icons, imagery, and all the visual language used on your site. Why do we need a style guide? Even though creating a style guide requires you to take extra time…

In this article, we will look into the architecture used in SekolahKu, Django-React. Hopefully, this will give you a brief idea of how a Django-React project architecture will look like. Django Django MVT Architecture Django use the Model-View-Template (MVT) software design pattern. It is a collection of three essential parts that its name explained…

Team Dynamics, explained by Kurt Lewin — a social psychologist and change management expert, is a concept of understanding the individuals that make up a team, a method of exploring behavior, and the reasons for that behavior. …

Having a good User Interface (UI) Design is an essential part of a project. But what exactly is a good UI? And how do we make one? This article will cover about the princips and the steps to creating a good User Interface Design. What is User Interface Design? According to Interaction Design Foundation, User…

Test-Driven Development, or known as TDD. There has been many discussions about its benefits and importance. It is too something that a lot of us Software Engineers are complaining about. Because, well, it maybe not that easy and it can be a real pain for some. Be honest, some of…

Have you ever find yourself forgetting what you just code? Wondering “what is this line of code for?” Uh oh.. it might be a sign that your code is not clean. …

As software developers, we often find problems when it comes to working in a team and finishing a project. We may be faced changes in requirements, features unmet, and working ineffectively. …

“When i see a door with a push sign, i pull first to avoid conflicts!” — Soundar Velliangiri Version Control Version control is a system that records changes to a file or set of files over time so that you can recall specific versions later. Git Git is a distributed version control system…