How to troubleshoot a big application?

design desk display eyewear

Okay! Let’s put some your favorite music and big plants on, we are going to find this bug and kick them out of here!

  1. Checking the error log?
    a. Good error log will show you the path, follow the path, and see what line causes the issue.
    b. Google the error message, but remove your file path or something specific to your app, make it a little more general.
  2. Be a good friend with your chrome browser
    a. Love their console log, network, and source tab
    b. Their debug tools set breakpoint is really nice also.

3. The error very general or no error at all

This is the worst situation! First I will start comment out partial of code, but one by one first to see error is gone, if it is, then start dig deeper on the one your just comment out.

4. You run out all the idea? Still don’t know what happen

Narrow done the issue is the best way, identify what’s the new changes? If revert back does the error disappear?

Or rebuild parts of the app in codeSandbox you might find what cost it. It’s happened to me before, something silly I miss.

working in a group
Photo by Kaboompics .com on

6. Still no luck? Ask fresh pair of eye

Let your co-worker or classmate or stack-overflow buddy to know:

  • Post your code
  • The issue you think might be
  • What have you try to fix it
  • What documentation you check
    (Please make sure you try and google and fixes before you ask someone else, it’s part of learning)
    Sometimes you just need extra help.

7. Walk a way from the problem

Sounds kind of negative? What I try to say is, if you are stuck in the same issue for an hour or two, your eyes and brain are tired, it’s really easily to miss some stuff in that situation.

True story from me, I’m stuck with one thing for days, and change multiple file, but does not work that great, so I drop it and come back later. Even I’m not solving the issue, but my brain still working behind the scene we just don’t know.

Then about 3 days later, some idea come out, I change one line of the file and works perfectly! Woohoo! Give myself a high five right there. That’s why enough rest is important!

coffee apple laptop working
Photo by Kaboompics .com on

Hope that help, share with me your troubleshoot idea, so I can learn from you.

Why do I start coding?

woman writing on notebook

I do not have a traditional CS degree, my bachelor’s in Fashion Design. What!!? I know! I love texture so much and to create a design was totally my passion, so what changes?

pink green and yellow ribbon illustration
Photo by Ylanite Koppens on

I was attend some art market to sell my design when I graduate on the weekend, meeting customer directly was interesting and learn so much what sell and location are so important! But those event require you to be their from 10AM to 9PM which is so time consuming. so I decide to put my design online, so I can sell in different city maybe to be international?

So I’ve googled around to create an e-commerce website by myself. end up with WordPress, because has so many resources and community, from learning and start making a website what a totally different world to me, but learning a new language kind like another material you need to get familiar with and create cool projects.

information sign on shelf
Photo by Tranmautritam on

So I decide to learn CSS, jQuery, Javascript and PHP to make my site stand out and, and each time I realize the power of technology and coding, just open the other world for me.

Lucky enough I got a chance to join a coding bootcamp in Houston name Iron yard, with experienced teacher and 3 months intense training, like I never image before. I create so many small project which is totally fun, and of course I theres time I so frustrating thing does not work like I want to be, but part of learning process.

Are you still with me? Go get some tea or coffee and come right back.

After graduating from boot camp I’m getting a chance working with an agency with some projects( see here), which super neat, then I land on a full-time Web developer job building website for lots of clients, totally dream come true.

woman drinking coffee while working with laptop
Photo by Vlada Karpovich on

So why I change from fashion design to coding? A couple of main reason:

I can use technology to solving issues, make life much easier.

I love use technology to share ideas, products to people.

Development always changing, no boring moment, and keep our brain active.

I always dream about being a hacker in the movie ( Type Type Type, Deactivated the launch and Save the world! <— Let me dream, please!)

Developer/Engineer daily tools must have

woman coding on computer

I’m not going to include something very obvious, like a laptop, the internet those kinds of things.

  1. A sense of humor your deadline might cause you aged 10 years.
  2. Notebook or whiteboard: Not all companies are nice enough to provide a whiteboard for each developer to map their idea and logic out, If so do it on your Letter printing paper or notebook.
  3. TEA/COFFEE/Lacroix: Personally not a big fan of Lacroix, not sure why everyone loves it so much. I’m a tea person, keep yourself hydrated is important because you use a lot of brainpower, you might evaporate to the air if you not. 🙂
  4. Stress ball: I don’t have one, but I have magnetic rocks, a punching bag near me. so I don’t smash the computer screen and yell “WHY THIS IS NOT WORKING” (See picture and links below)
  5. Music: I absolutely love Jazz or study channel have 24 hours live music

6. Exercise: Keep a reminder to walk around every hour, and stretch your arm, because you need it, believe me!

Below are the Amazon affiliate products I purchased for myself, besides the stress ball one.

Github for the beginner for a Front-end developer

eyeglasses in front of laptop computer

You can basically google everything for git you want, but I’m going to share some of the commands I use most of my daily job.

  1. Get start with the project
git clone: git repo url

2. Create you own branch, so you won’t mess up the master

git checkout -b name(<--- you branch name)

what you hate the branch name you create on your local? Sure delete it

git branch -d name

3. Now you add some file or change some thing, want to create PR tell you team I’m working actually.

git commit -m
(This can add multiple line for your commit, usually will open a little text editor in the command line)
- hit i (mean insert)
- Start typing your awesome change
- hit ESC
- Cursor will be very button of the line, then type below
- :wp (means write and quick)

Other short message will be
git commit "your message"

4. Push to the git space

git push (woohoo!)
If the branch is brand new, git will till you to do:
git bush orgin xxxxx (It's show up in the command line)

5. Your branch is updated and have conflict with master? It’s okay! things happen.

git checkout dev
git pull
git checkout your branch
git merge dev
(VS code will list the file have conflict) 
- Fix the conflict
- Add to the change to stage
- git commit -m 
- git push (Happy!)

6. OH! Wait! I mess up, need to go back to previous commit

git log (see which commit you need to go back to, and choose the commit number before)
git reset --soft xxxx(commit number)

I will add it more if I remember anything else but hope this helps my limited memory of brain space in the future.

Ps: Great talk from a Github guy use git, now that credibility 🙂