Keith Quy - React JS Leader

As a dedicated and enthusiastic front-end developer with 8 years of experience, I am passionate about crafting visually stunning and user-friendly web applications. My expertise lies in designing and building intuitive interfaces that seamlessly blend aesthetics and functionality. I am driven by a commitment to staying updated with the latest industry trends and technologies to deliver innovative and cutting-edge solutions.

Project list

LMS Care360 Digital - Singapore

LMS Care360 Digital is an e-learning management system has been customized from LMS Moodle which allows admin user can create courses and learning objectives then assign them to their clients for study.

- Interviewing developer and picking team members - Working directly with Singapore client to clarify project requirements - Managing a development team with 3 members - Proposing system design and technical approaches - Reporting the task status and showcased the results to the client - Tackling some difficult tasks and support other team members - Creating new Moodle theme and implemented a user-friendly UI/UX pages - Building custom, interactive visualization components and integrated with CMS Moodle - Customizing some Moodle core features - Optimizing code for performance and scalability - Reviewing code and giving feedbacks to discuss improvements

Technologies: React, PHP, Bootstrap, MySQL

NMS Disco Room - Singapore

To further immerse and engage visitors with a retro and playful element at the National Museum of Singapore, an application has been developed that allows visitors to register for a dance slot by scanning a QR code and gain access to the dance room. Visitors can view and download their recorded dancing video after completion.

- Working directly with Singapore client to clarify project requirements - Interviewing developer and picking team members - Managing tasks and proposed solution for a team have 6 members - Reporting the task status and showcased the results to the client - Using the Fingerpose package to detect gestures when users wave their hand - Optimizing code for performance and scalability - Using NodeJS to edit and generate recorded videos - Using S3 to store the video on the AWS cloud

Technologies: React, PHP, Bootstrap, MySQL

POSB Pocket Stories - Singapore

POSB Pocket Stories is a compilation of interactive story games designed for children, encompassing three distinct titles: Alice Shares in Wonderland, Jill and the Magic Bean and Caleb and the Candy Factory each offering a unique storyline. Within each game, children can enjoy a rich tapestry of animated scenes, movies, and engaging quiz games that collectively enhance the learning experience while delivering fresh and captivating adventures for young readers.

- Working directly with Singapore client to clarify project requirements - Managing tasks and proposed solution for a team have 3 members - Reporting task status and presented the results to client - Using React Phaser to build animation web game according to client requirement - Using Zustand and Zustand persist to manage application state and keep state persist on browser - Creating React custom hooks for handling state in Quizz Q&A component - Optimizing performance on mobile and tablet devices

Technologies: React, Redux, Node.js, TypeScript, Tailwind CSS, S3

FiinPro-X - Vietnam

FiinPro-X is a financial project developed by FiinGroup Vietnam. The application enables users to monitor stock market charts of companies and macroeconomic sectors, as well as stay updated on the latest market news. Additionally, it supports fast and accurate data searching.

- Using Recharts library to draw charts and implementing functionality for users to create and save multiple charts in their dashboard - Developing features for users to export and download individual or multiple charts - Enable users to share their personal charts with others - Creating a system to link and group multiple charts together - Stay up-to-date on the latest ReactJS and NextJS technologies and best practices - Optimizing code for performance and scalability

Technologies: React, TypeScript, Tailwind CSS

Vinhome eVouchers - Vietnam

Vinhome evoucher is an event innovative management system that offers a range of event types. Customers can easily register for events through a web or mobile application. Upon successful registration, they will receive an e-voucher that allows them to participate in the event by scan the QR code at the designated booth.

- Adding a new event management module and its associated features to the CMS - Creating an event management page, enabling administrators to search, add, modify, and delete events as needed - Design and implemented a user-friendly registration form for customers to register for events through the provided link - Optimizing code for performance and scalability - Proposing system design and technical approaches - Manage the event registration list and created booths

Technologies: React, TypeScript, Redux, Tailwind CSS, Material UI

Venture Beyond by Penfolds - Singapore

Venture Beyond was initiated on October 14th in Los Angeles to commemorate the launch of The Penfolds Collection 2022. As part of the event, engaging mini-games were designed to enable users to register and participate, offering a chance to win a wine redemption as a reward for the victorious player.

- Bidding on the project and being a key member within this project. - Working directly with Singapore client to clarify project requirements - Creating event's mini game for particular Singapore users and other version for global users register and play - Using Zustand and Zustand persist to manage application state and keep state persist on browser - Integrating REST APIs to update user scores and game leader board - Optimizing performance on mobile and tablet devices

Technologies: React, TypeScript, Tailwind CSS, Node.js

Bathla - Australia

Bathla is a freelance website dedicated to Toast Creative's client. It specializes in offering high-quality real estate services and products for Australians. For 25 years, Bathla is proud to be a key industry player, championing community, innovation and value in everything their do.

- Working directly with Australia client to clarify project requirements - Building the website features using WordPress to display product lists within specific catefories - Using Elementor Wordpress plugin to build website UI/UX to match the design - Building new Elementor modules for displaying real estate products on Google Maps

Technologies: HTML, CSS, jQuery, PHP

Xavier Knight - Australia

A new website (www.xavierknight.com.au) for my Toast Creative's client. Xavier Night is a successful architecture company in Sydney that has developed many big projects around the City.

- Working directly with Australia client to clarify project requirements - Working closely with designer to clarify the UI/UX - Customize theme from a starter theme Wordpress - Using Wordpress Elementor to build web static pages - Using Advanced Custom Fields (ACF) plugin to create custom fields for storing additional project information - Testing and fix bugs from client's feedbacks

Technologies: HTML, CSS, jQuery, PHP

Head Projects - Australia

Head Projects (www.headprojects.com.au) is a compact website that showcases all construction projects completed by a team of skilled and dedicated construction professionals. The Head Projects team is committed to ensuring seamless delivery of every project.

- Working directly with Australia client to clarify project requirements - Bidding on the project: estimate time and cost - Using Figma to design UI/UX - Built website UI/UX to match the design with Wordpress Elementor - Reported working progress and self-manage project timeline - Tested and fixed bugs from client's feedbacks

Technologies: HTML, CSS, jQuery, PHP

Football news - Vietnam

Football news is one of the outstanding website products of Click Digital company that specializes in delivering comprehensive football news, featuring fixtures, standings, and insightful analysis articles prior to match commencement.

- Interviewing and selecting team members for the project - Composing technical approach and transfer knowledge for team members - Managing a team with 6 members and complete build website in 3 months - Implementing web features base on WordPress - Building some React JS components including odds table, football matches schedule, football standing, football results table,.. and integrate with web pages - Brainstorming contributing my idea for the website

Technologies: React, PHP, HTML, CSS, jQuery

Tabcorp Australia - Australia

Tabcorp project is aimed at developing a gambling entertainment system that leading 3 businesses: Lotteries and Keno, Wagering and Media and Gaming Services.

- Collaborating with client team and wrote CI/CD pipelines and deployed micro-services application to AWS cloud - Maintain Quick Change gaming service, fix bug and deliver on time as promised - Building a new financial service called ClubGrant and integrate with other micro-services - Fixing bugs and resolve some technical issues during deploy application on Testing and UAT environment - Reviewing code and training junior members - Write unit test

Technologies: Node.js, React, Go, Docker, Kubernetes, AWS, EKS, Elasticsearch

Liquid - The Out - Australia

The Out (www.theout.com) is a premium rental / booking car service available on web and iOS app

- Building a React JS web application had full flow booking service which was similar to the existing on iOS app - Customizing Material Ul component matching with design - Integrating with Google service (such as Google Authentication and Firebase services) - Reviewing code and coaching junior members - Write unit test

Technologies: React, Material UI, Node.js, Google Cloud Platform (GCP)

Kaplan KSS3 project - UK

Kaplan is a leading global provider of educational programs with comprehensive learning strategies and courses. Meanwhile, KSS3 is a student management tool has been developed with a range of features dedicated to Kaplan University, helping students register for enrollment, learn online courses, obtain certifications, get scholarships, and facilitate online payments.

- Working with micro-service application which was run on Docker and deployed on AWS cloud - Creating new React components base on existing React template - Implementing authentication feature by integrated with KeyCloak SSO - Creating new application service then write RESTFul APIs to integrate with other services - Write unit test - Review code for Junior

Technologies: React, Node.js, PostgreSQL, AWS, EC2, S3, Elasticsearch, MongoDB

Open Learn - UK

OpenLearn is an educational website. It is the UK's Open University's contribution to the open educational resources project and the home of free, open learning from The Open University

- Starting to learn and had experience with PHP Moodle CMS - Creating new Moodle theme, styled website UI/UX base on new design - Implementing new features and maintain existing website features

Technologies: PHP, PostgreSQL, HTML, CSS, jQuery

Tabcorp Australia - Australia

Tabcorp project is aimed at developing a gambling entertainment system that leading 3 businesses: Lotteries and Keno, Wagering and Media and Gaming Services.

Technologies: Node.js, React, Go, Docker, Kubernetes, AWS, EKS, Elasticsearch

Project list

Education

Techstacks