Chris Ling

A React app for MLM businesses to manage and recruit agents, monitor their inventories, and manage incentives. I built the back end and front end of the system, which serves multiple MLM brands, each with a different set of incentive schemes for agents.

SOLUTION
• Built a template site with all the required features.
• Used React with a private route for admin users to perform higher-privilege operations, such as customizing the site's design and managing users and sales.
• Used Victory to make charts that helped users with data visualization.

I developed another admin app with React, allowing my client to duplicate the template site and deploy the new sites to Netlify by providing only a name. This admin app lets my client configure some prebuilt incentive schemes for each MLM business by inputting key parameters.

Finally, I built a Shopify-like site builder for MLM businesses.

A React scaffolding template to skip the process of setting up Tailwind CSS. This scaffolding template has multiple scripts to satisfy different use cases. I find setting up Tailwind CSS annoying because of the installation, configuration initialization, setting up scripts, and other steps. I created this template to skip the repetitive process.

A React app to showcase how triangular arbitrage works in cryptocurrency. I am obsessed with financial knowledge and built a demo to explain how triangular arbitrage works to my friends.

In the demo, if you enter ETHUSDT for pair one and XRPETH for pair two, pair three will be auto-selected. Then you will see how much profit you can make by doing triangular arbitrage. You can play around with the parameters to adjust how much cheaper you want to buy or how much more expensive you want to sell.

The data is from the Binance API.

A React website to increase the online presence of a local accounting firm. Working solo on this freelance project, I designed the UI/UX with image resources provided by the client and used JavaScript and CSS to make the site feel more interactive. The goal of the project was to receive and manage inquiries and job applications, so I also built an admin panel to help them do this. The data are stored in Firebase.

A simple React app styled with TailwindCSS to show real-time triangular arbitrage opportunities on Binance.

The states were managed by React Context and React hooks. I made a use order book hook which will get real-time data from Binance's WebSocket API and is called three times inside the Arbitrage Context to subscribe to three selected pairs. The context then computes arbitrage opportunity and is exposed via another hook called use Arbitrage which will give the profit rates and some methods to change the parameters.

Try pair 1 with ETHUSDT.

A Next.js-based app for higher education courses discovery. I built this website for fun to showcase my Next.JS and UI/UX skills. The goal was to create a site that is so fast and SEO friendly that it ranks higher than any other course listing site in my country and maintains a really high lighthouse score.

I utilized Next.JS's pre-rendering and incremental static generation method to create static pages for each category, course, and school page, leading to remarkably fast loading and response times. My attention to detail regarding HTML tags has also helped improve the site's SEO ranking and preview. For instance, by using table tags instead of div tags to list courses, Google can display a preview of the courses in the search results. As the sole creator of this website, I designed the UI/UX and built the front end and back end from scratch.

The site is currently WIP.