Web developer, tech enthusiast, and R&R Technologies

Meet Đào Khôi Nguyên, a dude from Hanoi, a city that doesn't rain like Vancouver but is sunny enough to melt my ice cream every time I try to dash outside for a treat. As a kiddo, instead of dismantling toys (and facing the wrath of mom for failing to put them back together), I found myself utterly smitten by technology. With 7 years in software and another 4 diving deep into Digital Marketing, I'm currently the "Tech Manager" of the technical room at Novaon Digital.

My Top Skills
Recent Projects
Netflix Clone

Netflix Clone

This project is a Netflix clone that was built using cutting-edge technologies such as TypeScript, Next.js, React, Hasura, Supabase, GraphQL, Magic, and more.

TypeScriptNext.jsGraphQLSupabaseMagicHasura
Coffee Shops - Discover and Favourite Coffee Shops near you!

Coffee Shops - Discover and Favourite Coffee Shops near you!

This project served as a learning tool for me to get more familiar with the advanced features of Next.js and to learn more about the use of Airtable as a database. I also wanted to learn more about the use of SWR to handle data fetching and caching. I wanted to learn about creating API routes and using Airtable to store data.

TypeScriptNext.jsSWRAirtableFoursquare API
Nextjs Tailwind Template

Nextjs Tailwind Template

This is a Next.js, Tailwind CSS starter template intended to be used as a portfolio or personal website. It comes out of the box configured with the latest technologies, tools, and best practices. It's built to be easily configured, customized and extended. It's also fully responsive and mobile friendly.

ReactNextjsTailwind CSSFramer Motion
E-commerce Website with TypeScript, React, Redux and Firebase

E-commerce Website with TypeScript, React, Redux and Firebase

This is a project that I built while learning React and Redux. It is a fully functional e-commerce website that allows users to sign in with their Google account, add items to their cart, and make payments with Stripe. It is built with TypeScript, React, Redux, Firebase, Stripe, and Tailwind.

ReactReduxFirebaseStripeTailwind CSS
All Projects →
Recent Posts

Get Started with Elasticsearch in .NET 8

Elasticsearch is a popular open-source search engine that can power advanced search functionality in your .NET applications. With the latest .NET 8 release, there are some great new features that make it easier to get started using Elasticsearch.

JavaScript is weird, but TypeScript can help

JavaScript is weird, but TypeScript can help you avoid some of its quirks. In this post, we'll take a look at some of the weird things that can happen in JavaScript, and how TypeScript can help you avoid them.

React Hooks: useRef & forwardRef

I never truly understood when I should use Reacts useRef hook. It felt similar to useState, but I never really understood the difference. I also never understood when I should use forwardRef. I will explain both of these hooks and when you should use them.

Nullish Coalescing Operator in JavaScript

I was reading some code and saw this nullish coalescing operator (??) which I had never seen these before, so I decided to look them up and write a blog post about them. I have always used the logical OR (||) operator to check for null or undefined values, but I learned that there is a better way to do it.

GraphQL Basics

This article will help you get started making GraphQL queries and mutations. It covers the basics of creating a schema, queries, and mutations.

Converting to TypeScript from React JS

I recently started to convert my React JS project to TypeScript. I wanted to share my journey in converting my project and the steps I took to get started. Here I cover a few key concepts when you convert a React JS project to TypeScript.

All Posts →