I started my career as a web developer about 2 years ago. I've tried some programming languages and tech stack, both Back-End, and Full-Stack.

Even though the scope of web development is broad, I was very interested and focused on Full-Stack Development.


Full-Stack Engineer

I love creating something that is clean and minimalistic, attractive and has value, and of course, easy to use.

I really enjoy creating websites with rich UI components, including:

  • Web application,
  • Backoffice website,
  • ERP system,
  • Dashboard layout,
  • API
  • and others.

But I still like to make simple website pages like landing pages. So, what tools did I feel comfortable using during the website creation?

TypeScript

First of all, the programming language. I'm very used to using TypeScript, although website creation can be done using PHP, Python, etc.

The JavaScript superset TypeScript has accompanied me for about 2 years.

React

I really enjoy building single page application websites and React is my go-to library.

I've been using it since 2022 (2 years) and have become quite proficient with it.

Tailwind CSS

For now, I love using Tailwind CSS for styling, even though I've been using CSS for a longer time (1 years).

I'm still new to Tailwind CSS, but I'm really comfortable using it and I think it's a great tool.

Next.js

I've been using CRA for a few years, but since discovering Next.js, I don't think I would want to use any other web framework. It's just that good!

Nest js

Modular and flexible, I'am using Nest js for building back-end applications. I've been using it for about 2 years and I'm very comfortable with it.

Inertia js

Inertia.js is a library that makes it easy to build modern single-page React, Vue, or Svelte apps using classic server-side routing and controllers. I've been using it for about 1 years and I'm very comfortable with it.

React Query

React Query is often used to fetch, cache, and update data in your React applications. I've been using it for about 2 years and I'm very comfortable with it.

React Hook Form

React Hook Form is a library for managing form state and validation. I've been using it for about 2 years and I'm very comfortable with it.


Detail and Summary

I represent all data in labels to make it easier to read. The underline indicator shows how often I used the related item, e.g.:


Frequently Used Occasionally

Programming Languages

TypeScript Go HTML CSS
Dart Java JavaScript SQL Mdx

Technologies

Tailwind CSS Ant Design Shadcn UI
React Next.js Framer Motion React Query React Hook Form Recoil Zustand Inertia js Drizzle ORM Type ORM Prisma Fiber
Laravel Express Nest js Postgresql MongoDB Redis

Softwares and Tools

VS Code Node.js Git Docker Sentry