Work Related Projects
Cake Pool Revamp Website 2020 Oct - Now
- Lead a small team of three front end engineers
- Rebuild the landing page - cakedefi.com
- Architect the web application - app.cakedefi.com
Zyllem Internal Web App 2016 Aug - 2020 Sep
I have been the only front end engineer since I joined Zyllem in 2016 (as of July 2019, the team has a new front end mate joined). I built all the SPA(s) (Single Page App) inside Zyllem platform with TypeScript and Angular. Until now, the number of SPA(s) in Zyllem platform has been growing so quickly comparing to the starting point three years ago.
I also defined the architecture, coding convention, and set up the build process for the whole front-end work.
We have been building SPA and API to replace the traditional server-side MVC Razor view. Our SPA(s) are ranging from simple CRUD app with only form and list view, to some super complex app that using state management (ngrx/ ngxs) to handle a large number of data on client-side.
We have few apps which display a parallel view on the UI, one side is the data representation in text view, and the other side displaying the same data on the interactive map view. Users can interact with one side and the application will reflect the changes on the other side and vice versa.
Many apps also support real-time updates on UI, so the single source of data concept must be a part of the whole application architecture. Otherwise, it will become very error-prone If you don’t know where the data come from. Or If you update the local component data but it didn’t reflect on the shared service data.
The final target is to do a switch to make our application 100% client-side or at least 80% client-side. For now, only some configuration parts on the system are still relying on the MVC Razor.
I have this unsettling urge to build things. Sometimes work just flows, sometimes I question my life choices. Here are some of my open source projects that I built:
State Courts 2015 Nov
A big-scale project. Still, I did all the front end matters.
Angular Spotify 2021
Spotify client built with Angular 12, Nx Workspace, ngrx, TailwindCSS and ng-zorro. It got a lot of love from the community with 1000 stars within a week. The Angular team was talking about it at the State of Angular - Apr 2021
Angular Tetris 2020
A childhood memory Tetris game built with Angular 10 and Akita. Some metrics worth mentioning:
- Frontend Top 10 July 2020
- It was shared by @mgechev that reached 30000+ views and 1300+ likes.
- Received more than 200 hundred stars on Github after the first week of publication.
- Average 3000 visits monthly
Angular Jira Clone 2020
This is a showcase application I’ve built in my spare time to experiment with the new library that I wanted to try before: Akita, TailwindCSS, ng-zorro.
There are many Angular examples on the web but most of them are way too simple. I like to think that this codebase contains enough complexity to offer valuable insights to Angular developers of all skill levels while still being relatively easy to understand. Some metrics worth mentioning:
- It has received overwhelming support from the communities.
- The repository itself got more than 300 stars in just three days publishing.
- Angular TypeScript Trends #153
Nugit Branding Website 2018 Oct
Slack chat app 2017
This is the clone of Slack chat app with real-time support using AngularJS to test the capability of Firebase Auth and Real-time database.
A lightweight library to show a “loading” indicator while an element is retrieving from server.
SF-SPA Branding Website 2015 March
I took care of all the front end matters, includes converting PSD to HTML responsive, using SASS.
HEINZ Feb 2014
A freelance web project to complete in a short time frame, basically translated PSD to responsive HTML
*And many more