Mustafa Dalga

A passionate developer who wants to be a pioneer at what he is doing.

Adventures of a Front-End Developer - Migration of Front-End Project Members Public

In this blog post I will explain how I upgraded our Heybooster front-end project which is built on the vue.js framework and what motivated me to do so. In our previous project we used the vue version of 2.5.11 and the webpack version of 3.6.0

Mustafa Dalga
Mustafa Dalga
heybooster tech

Watch and Handle Changes with Web Storage Api — Cross Tab Communication Members Public

Photo by Markus Spiske [https://unsplash.com/@markusspiske?utm_source=ghost&utm_medium=referral&utm_campaign=api-credit] / Unsplash [https://unsplash.com/?utm_source=ghost&utm_medium=referral&utm_campaign=api-credit] Heybooster is a client-based project. The data in the Heybooster changes depending on the client. The user can see different

Mustafa Dalga
Mustafa Dalga
heybooster tech

CSS Architecture Documentation | Heybooster Members Public

I have created a document to set a standard for writing CSS code at Heybooster [https://heybooster.ai/]. I also wanted to share this documentation as open source. * We use SCSS as CSS Preprocessing. * Our CSS architecture is generally based on the BEM [http://getbem.com/]. methodology. However, in some

Mustafa Dalga
Mustafa Dalga
heybooster tech

Heybooster Front End Naming Conventions Members Public

In this article, you will find the naming conventions we used in our Heybooster [https://heybooster.ai/] front-end project. Variable Naming * The camelCase naming convention is used to define a variable. Examples const dataSourceName = ''; const stepsConnectStatus = { 1: false, 2: false, 3: false, 4: false, }; const apiBaseUrl = {}; const bookmarkID = []; const

Mustafa Dalga
Mustafa Dalga
heybooster tech

Adventures of a Front-End Developer | Our Work to Improve Web Performance Members Public

While I was starting out as a front-end developer at Heybooster [https://www.heybooster.ai/], our product owner [https://www.linkedin.com/in/neslihanbusraemikoglu/] asked me to handle the following problems: * Lead the development of solutions for web page speed issues, a problem for which we receive frequent feedback from

Mustafa Dalga
Mustafa Dalga
heybooster tech

How to exchange data in different vuex modules Members Public

Our previous [https://insight.heybooster.ai/vuex-on-large-projects-how-to-structure-it/] article discussed the importance of using vuex modules in large projects. I will explain and show how we can exchange data between vuex modules in this blog post. In the course of using vuex modules, we may encounter situations such as the following:

Mustafa Dalga
Mustafa Dalga
heybooster tech

Vuex on large projects: How to structure it ? Members Public

If you are using vuex in a small project, you can keep state, mutation, getters, and actions in a single file. On the other hand, when developing a large project, we can divide vuex into modules based on categories, thereby keeping file sizes down, keeping the code cleaner, and increasing

Mustafa Dalga
Mustafa Dalga
heybooster tech

Storing and Using Last Visited Page in Vue JS Members Public

If a user has an ongoing transaction on a website, we would like them to continue from the last transaction to provide a better user experience. If a user registers on a website and then leaves the website after completing any step, we can ensure that the user continues from

Mustafa Dalga
Mustafa Dalga
heybooster tech