Posts by sophie

Web App with Redux and Microsoft Azure

So, I’m building the official website for my startup Dopamine. The website has a subscription system to get user email, and a few pages introducing the company. To fulfill these requirements, it needs three things:

  • Web api as backend
  • Database to store subscription data
  • Frontend

To have the website up in the shortest time while remaining security on user data, flexible content updates of the UI in the future, the technologies used to build the website need to be:

  • Easy to pick up
  • Have supportive community
  • Have a robust mechanism to secure data
  • Flexible on frontend UI update

After researching around, Microsoft Azure + Redux arises as the perfect combination to achieve short-term and long-term goals as described above for the following reason:

Microsoft Azure has a complete framework building and hosting a web app [1]. Since Azure has already addressed most issues related to web app, I don’t have to worry about security, etc. Most importantly, Azure compiles with modern web technologies, such as Redux [2] [4] [5]. Thus, multiplying these two should be enough to build a web app with secured backend and database.

In case there’re issues using Redux in Visual Studio on Windows, [3] writes down potential issues could be encountered as well as the corresponding solutions.


[1] Build an ASP.NET app in Azure with SQL Database.

[2] How to Use React with Visual Studio and ASP.NET Web API.

[3] Visual Studio 2015 with ASP.Net, React and Modern JavaScript Development.

[4] Using React with Redux.

[5] Deploying create-react-app on Microsoft Azure.

time is changing

I’m listening different music

It feels like new life.



my love for you did not fade away.

it’s getting clearer.



I love you.

Nov 27, 2017

Cambridge, MA

“人一旦迷醉于自身的软弱之中,便会一味软弱下去,会在众人的目光下倒在街头,倒在地上,倒在比地面更低的地方。” —- 米兰 昆德拉 《不能承受的生命之轻》



不。任何事物都是创造出来的。我应该用热情对待每一件事,这才是美丽的。没有热情,创造出来的任何东西都是没有热情的 =)

Skill and Creativity

In creative activities requiring professional skills, it’s the creativity that gradually shapes the idea by making decisions based on experimental results. If one has good skills, but not much creativity, the outcome can’t be great.

Monument Valley

That mobile game is so intriguing because it’s the player’s observation and action that makes the beautiful scene starting to turn. That’s a feeling of exploration and satisfaction of elegant reward after trying a few times and finally get it right.

Vincent van Gogh’s Starry Night

Real starry night is not like that. But Vincent’s Starry Night is still recognizable because the basics of starry night maintains the same as the real starry night. Vincent’s artistic perspective is reflected in the flows of clouds and distorted shapes of the architectures.

When Look Back

I can’t believe I’ve been in the states for 5 years.

Still remember the first time when I arrived the states at Salt Lake City, my only wish was working and studying at California. Because I heard the weather is nice, with sunshine all over the year. There’re warm, pale sands in the endless beach. The ocean reflects dancing lights in the sunshine. Ebb and flow. I imagined it would be like tropical all the time. I told my roomie about it. We both believed it was a beautiful hope. It was that simple.

But I ended up loving east coast more than California. The wish feels like an old dream, like a century ago. But it also feels like yesterday.

I changed. Hope changed. Dream changed. But I still have the love of simulating photons and making art and animation out of it. I’m glad for that.

Bye, BGE

I’ve been using Blender Game Engine (BGE) to render test scenes for animations (rayleigh and mie scatterings, perlin noise, etc.) hoping to make the animation compatible with other features of Blender. There’re a few drawbacks I encountered that I decided to stop using it.

First, there’s no way to animate custom GLSL uniforms. I wanted to make a demo of sunrise and perlin noise changes with automatic changing of uniforms, but unfortunately I can only trigger the changes manually.

Second, the computation is limited – GLSL custom shader stops working when I have rayleigh and mie scatterings, and 2 perlin noise calculations.

I choose BGE without a thorough research on its functionality of the compatibility with other animation features on Blender, so I’ve come to a dead end. Looking back, most of my time was wasted on learning how to use BGE while developing the rendering algorithms. If I did the research on the functionality of BGE, I’d save a lot development time by using a more flexible platform, or just developing a standalone project.