November 21, 2019

OK, I'm Going to Make The App Pretty

Patric Hua @patrichua

I've been using the app on and off for a few months now and have demoed it to a couple of friends. They thought it was cool. Feeling guilty that the app looked horrible (but worked great), I told them that I was working on making it pretty. Now that I said that, I had a promise to keep, and a goal to achieve. I set out to design the app using Affinity Designer. I've been using this vector graphic software to do simple mockups of my ideas. I'm now going to use it to design my web app, something that I will be proud to show the world. I worked on the mockups for a couple of days, playing around with the design and revising a lot every day. After I was happy with the design, I set out to create the html pages. This step was the hardest for me because I'm primarily a software developer and only dabbled in web design here and there in the past, but nothing serious. Now that I wanted to build an app and not wanting to hire a designer to build the front end for me, I had to step up my game and learned everything there is to learn about web design. It took me a few days to convert my mockups into html and css, but I did it, and I was proud. I was more in awe that I actually accomplished this. I took a week off to rest after having worked on this on nights and weekends after my day time job.

I knew I wanted to use React JS to build the app. I wanted a single page app that loads the data from my web service which I coded in Python Flask. I forgot to mention that earlier. I didn't know Python or Flask until I started working on this project. I was extremely happy that I got to learn Python because it's becoming a very popular programming language and there's countless uses for language such as data science (which I'm doing), machine learning and AI. So I worked on the app on and off every weekend. It took me an entire month but I got it done. I now need to host it somewhere.

I decided to use Digital Ocean to host my web service. I settled on Netlify to host my React JS app. I already bought a domain for the app and linked it to my Netlify account. The reason why I chose as the domain and product name is to express the purpose of the app. The purpose of the app is to provide a way to value companies. It's an app that does valuation. I wanted to play on word and made it valuasion instead.

I launched the app and took a break.

Loading comments...
Today's Top Milestones
  • $40k ARR: Optimizations as a company of one
    Sharing another financial milestone with Lunch Money paired with a blog post! This time I've written about my optimizations as a company of one which
  • 350 Signups! just reached 350 signups! A good portion of those who signed up are also actively using the product. I haven't done much marketing
  • First profitable month!
    When I posted my last update in the beginning of May, I had just gotten my first monthly subscriber and netted around $500 in one–time sales. I’m happ
  • Reduced our server costs by $105/month!
    Excited to share that we just finished migrating our backend servers from Heroku over to AWS and are now saving roughly $105/month! **Why did we deci
  • Added IG & Pinterest to free image generation API
    ...after my first paying customer requested it. use the OG IMPACT API to generate Open Graph images for each user's profile page,
  • Over 80,000 Test Runs!
    This felt like a big number so I figured I'd share. Over the weekend we surpassed 80,000 tests executed via our platform. We capture full-video record
  • We launched a new direction of our service
    Hi everybody! Today we've launched the English version of our new direction: The Fastest Website Builder It's the pursuit of o
  • Jott is in private beta!
    A while ago I came across a tweet where someone explained their note-taking system. Super simple - take notes in Notepad & save them dropbox. It looke
  • New version of GrowthStack MVP/beta released
    Following the feedback of the beta users, we just released a new version with brand new functionalities and improved experience: ✅ Improved flow & exp
  • Form Action Logs
    The number of applications that StaticForms directly integrates with continues to grow, but how do you know they worked? The