Smartbox Ecommerce
4/2022 - now
Client: Smartbox Group
Description: Ecommerce project (selling gift box)
Team size: 8
Position: Senior Front End Developer
Responsibilities:- Develop SSR website module with Vue + Nuxtjs
- Created component base and styleguide to reuse
- Write unit test, e2e and integration test
- Built structure for project (store, component, page, assets, API, plugins)
- Migrate project from Nuxt 2 to Nuxt 3
- SEO optimization for SSR ecommerce website
- Create a component library build to serve both Magento CMS and Nuxtjs app
- Using Gitlab-CI to build pipeline for deployment to S3 AWS and Npm package for library
- Review merge request from other members
- Planning for technical roadmap, make decisions on technology selection and migration
Technology in use: Vue 2, Vue 3, Nuxt-bridge, Nuxt 3, i18n, pinia, Jest, Vitest, Cypress, Storybook, Gitlab-CI
Client: SmartOSC
Description: SmartOSC Resource Allocation Tool
Team size: 5
Position: Senior Front End Developer (FE Lead)
Responsibilities:- Built structure for project (layouts, store, components, pages, assets, API query, plugins, husky, commitlint)
- Followed designs (using Figma) to build UI (for Desktop, Mobile, Tablet), config the Tailwind CSS variables
- Utilize styled-components for a modular and maintainable approach to styling React components
- Ensure a consistent and aesthetically pleasing visual style throughout the application
- Defined git-flow for the team to follow
- Implement unit testing and end-to-end testing strategies
- Created Front-End web application with NextJS 13 page directory
- Managing front-end components using Storybook
- Implemented features, and styling for the website using Sass (SCSS) and StyledComponent
- Implemented e2e tests for new features using Jest and React testing library
- Implemented UI components and layouts using Material-UI for a consistent and visually appealing design
- Customize and style Material-UI components to align with the application's design guidelines
- Integrate React Query for efficient data fetching and state management
- Optimize queries to minimize data transfer and improve application performance
- Review and evaluate the implementation of other team members
- Promptly debug and troubleshoot issues, providing effective solutions
Technology in use: Typescript, ReactJS, NextJS, React, ReactQuery, MUI, NextJs, styled components
DMSX Document Management System
12/2022 - 5/2023
Client: Company under NDA policy
Description: DMSX Document Management System
Team size: 4
Position: Senior Front End Developer
Responsibilities:- Review Design (Figma) fully responsive
- Built structure for project (store, component, page, assets, API, plugins)
- Defined git-flow for the team to follow
- Implemented authentication for projects
- Created component base to reuse
- Review pull request from other members
Technology in use: React, TypeScript, ReactQuery, MUI, NextJs, styled components
Carma Australia
8/2021 - 3/2022
Client: Carma Australia
Description: Carma Used Cars - The Easy Way To Buy Used Cars
Team size: 5
Position: Middle Front End Developer
Responsibilities:- Communicate effectively with different stakeholders from other countries to clear requirements before implementation
- Plan workloads for future implementation
- Coordinate with other teams to find best solutions for the project
- Develop module with ReactJs + GraphQL + Contentful + CommerceTools
- Follow the perfect pixel design from Figma to develop UI/UX of the website
- Optimize code and Code review
Technology in use: ReactJS, NextJS, GraphQL, Contentful