❖ More than 8 years of experience as web developer
❖ More than 7 years of experience as frontend developer
❖ About 5 years of experience as backend developer
❖ AWS services: AWS Devtools, AWS Cognito, AWS Amplify
❖ UI Framework/Library: Bootstrap, Material UI, Vuetify, TailwindCSS, ChakraUI and many more
❖ Experienced working with modern frontend framework: ReactJS, NextJS, Remix, VueJS, NuxtJS
❖ Experienced with Nodejs (ExpressJS, NestJS) connecting to data source like MySQL, MongoDB using TypeORM
❖ Experienced working with CMS system like Strapi, Contentful
❖ Experienced with Storybook
❖ Experienced with unit test using Jest
❖ Experienced with e2e test using Cypress
❖ Experienced with TDD model
❖ Experienced working in Agile team (Scrum, Kanban)
❖ Experienced with GraphQL and RESTFUL API
❖ Experienced with Gitflow
❖ Critical thinking
❖ Risk management
Project list
Heros Website - Heros Social App
This is a social app that allows users to connect with each other and share their experiences. The app features a CMS system that allows users to manage content, a landing page that gets content from the CMS, a backend web server using NestJS, and a frontend application that manages components using Storybook.
- Working closely with PO, BA to understand the requirements.
- Design high-level architecture for the project.
- Built CMS system using Strapi.
- Built landing page using Remix that gets content from CMS.
- Built application web server using NestJS.
- Manage frontend's components using Storybook.
- Implemented features, styling and fixing bugs for the website.
- Implemented unit tests and e2e tests (Jest, Cypress).
- Integrated with Strapi CMS.
This is a letter of credit management system that allows users to manage letters of credit.
- Created LC Management application based on Vite and React.
- Built system backend using NestJS connect to MySQL
- Manage frontend's components using Storybook.
- Implemented features, styling for the website using TailwindCSS.
- Implemented unit tests and e2e test(Jest, Cypress).
- Integrated with API and manage client's data by React Query.
- Daily meeting to take new requirements.
Technologies: Vite, React, Tailwind CSS, REST API
Crossroom
This is an eCommerce storefront that allows users to buy and sell products. The app is based on PWA Studio and uses Jest and Cypress for testing.
- Created an app based on PWA Studio.
- Implemented features, styling and fixed bugs for the website.
- Implemented unit tests and e2e tests using Jest and Cypress.
- Integrated with back-end API using Apolo
- Frequently communicate with the internal team and the client to solve the issues and add feature base on new requirements
Technologies: React, Tailwind CSS, GraphQL
Doozy Online
This is an eCommerce storefront that allows users to buy and sell products. The app is built using PWA studio and uses Jest and Cypress for testing.
- Created storefront PWA application based on PWA studio.
- Implemented features, styling and fixed bugs for the app.
- Implemented unit tests by Jest framework.
- Implemented e2e test by Cypress framework.
- Integrated with back-end API using Apolo
- Daily meeting to take new requirements from the client.
Technologies: React, Material UI, GraphQL
Carma
This is a website that allows users to buy and sell used cars.
- Created an app based on NextJS.
- Created BFF server by NestJS.
- Manage frontend's components using Storybook.
- Get content from Headless CMS Contentful.
- Get product information from CommerceTools eCommerce platform.
- Manage user authentication, authorization by connecting to Auth0.
- Implemented features, styling and fixed bugs for the website.
- Integrated with back-end API using Apolo.
- Implemented unit tests and e2e tests.
- Daily meeting to take new requirements.
Technologies: React, Next.js, Material UI, GraphQL
Rabbit Finance
This is an insurance system.
- Created BFF using NodeJS and NestJS.
- Connected to Kratos for authentication service.
- Created a website based on ReactJS.
- Handled all the Frontend tasks, layout, styling using Material UI.
- Managed frontend components using Storybook.
- Implemented unit tests and e2e tests using Jest, Cypress.
- Manage frontend's data using Redux and Redux Observable
- Daily meeting with the client to take new requirements.
- Integrated with API gateway (BFF).
Technologies: React, Redux, TypeScript, Material UI, Go, Microservices, Express.js
UOB Bank
This is a banking web application that allows users to manage their bank accounts and make transactions.
- Maintained and added new features for specific countries in the existing code base.
- Daily meeting to take new requirements.
- Created BFF using NodeJS and NestJS.
- Integrated with APIs.
- Implemented unit tests using Jest.
- Handled all the Frontend tasks, layout, styling using Material UI
Technologies: React, Redux, TypeScript, Material UI, Node.js
Mitraruma
This is a website for building materials marketplace.
- Implemented features, fix bugs and optimise for websites using NuxtJS, Vuetify
- Manage frontend's data using Vuex.
- Created BFF server using NestJS.
- Implemented unit tests using Jest.
- Connect to Stripe to handle payment functions.
- Daily meeting to take new requirements.
- Integrated with API.
- Implemented unit tests using Jest.
Technologies: Vue.js, Nuxt.js, TypeScript
Smartbox
This is a booking application.
Implemented features, fix bugs and optimise for website using VueJS
Manage frontend's data using Vuex.
Implemented unit tests using Jest.
Implemented e2e tests using Cypress
Daily meeting to take new requirements.
Integrated with API.
Technologies: Vue.js, TypeScript
Bookya
This is a music ecosystem that allows users to listen to music, create playlists, and share music with friends.
- Implemented features, fix bugs and optimise for website using ReactJS.
- Created BFF server by NestJS.
- Created application UI using Bootstrap and followed BEM convention.
- Get data from backend using gRPC technology.
- Daily meeting to take new requirements.
- Implemented features, fix bugs and optimise for website using VueJS.
- Implemented application's styles using Bootstrap and follow BEM convention.
- Create draw functions to add shapes into floorplans.
- Manage frontend's data using Vuex.
- Daily meeting to take new requirements.
- Integrated with API
Technologies: Vue.js, HTML, CSS, Bootstrap
Inhouse applications
- Transform design (Photoshop/Figma/etc...) to web application.
- Implemented features, fix bugs and optimize for websites.
- Optimize web responsive for all devices.
- Daily meeting to take new requirements.
- Integrated with API.