Sign in

Hello hackers :)

I’m working on my next product which is a collaborative API platform. The idea initially came from my daily works, I was working in a consulting agency that design & build apps for large companies like Nike, Starbucks, Burberry, etc.

Just like other digital teams, we use tools like GitHub, Jira, Figma to manage everything and work together. …


I resigned from my daily job 2 years ago to purchase my dream of building SaaS products, I’ve built 3 paid products as an indie hacker but none of them has become a big surprise.

I don’t think it is time to give up, but I do need to get more income to support my dream and life.


When building Yet, I need to think deeper about the responsive, it’s not only about how the website displayed on different devices, but also about how to simulate different devices when user previewing on the desktop.

I managed to avoid using JS and solve the responsive problem only by CSS. Besides using@media I’d like to share some other experiences for building a better responsive website and it’s time to say goodbye to PX.

Using em for font-size, padding and margin

I know there’s a lot of suggestion of using rem for font-size, but using em is more flexible. rem calculates font-size based on the root’s font-size, and…


Photo by Jeff Sheldon on Unsplash

For those who can’t use Stripe, FastSpring is one of the best choices of adding payment system into your SaaS. The doc of FastSpring is so confusing, so I’d like to share how I set up two different recurring payment in my SaaS. I will use React as the example, but it won’t do too much with the React.

1. Create Subscriptions In FastSpring

Login to your FastSpring dashboard, click Products in the menu and select Subscriptions in the submenu. Create a new subscription and set a unique Product Path and remember it because we need to use it after.


In HTML, modal usually refers to an element with the following CSS:

position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 999;

However, scrolling inside a modal will lead to body scrolling which is kind of annoying. I searched on the internet but didn’t find a perfect solution(especially for React), so I did some experiments and found a solution which works well in Chrome, Firefox and Safari.

How I define and use the Modal component

I just wanna do a quick explanation of how I define my Modal component for a better understanding, you can skip this section if you only interesting in the final solution.


Data visualization will make your App more outstanding, but there is no way to use d3 or SVG directly in react-native. Although react-native-svg could be useful, but it only support for iOS, so what if you want to make an App for both platforms?

Recently I was making an App for NBA. As an NBA huge fan, I really cares the data of the player and we always judging a player’s performance by his data. So how to demonstrate those data? here is my design for player’s page:

Supporting for both platforms is one of my initial goals before making…


First thanks to my colleague Katie for modification and review and Iris for the illustration.

Translation isn’t too common in web development projects. And especially as a front-end developer, I don’t have much experience dealing with translation, as it’s typically handled by the backend. However, in Wiredcraft’s most recent project, building the voter registration system for the Myanmar general election, we abandoned Django’s translation strategy and did translation in two different and new ways, utilizing the front-end!

Before I start to show you the magic, you should know the general meaning of the following technologies:

  • PO file: The file used…


if you have a react component contains js and css, and you want to share it to the NPM then other developers only need to import your component in their js file just like using other common component, no need to separately import sass or css file

Almost four months ago, I created a react component called react-tooltip then shared it to the NPM. …


In my recent project, I need to support opening the select manually, to be exactly, the users only want to use keyboard to control the select:

We use React as our front-end framework and I was disappointed when I got nothing related on google, so I decided to do it myself with some original JS knowledge.

Requirements:

  1. open <select> when it get focused
  2. switch to next <select> when selecting an <option>
  3. every <select> can search specific <option>

Open <select> when it get focused

In the past, it is easy to do this via Jquery, but React is not designed to react with DOM, so I have to…

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store