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

Even though the scope of web development is broad, I was very interested and focused on Front-End Development and UI/UX Design.


Front-End Developer

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,
  • Documentation pages,
  • CMS contents layout,
  • Dashboard layout,
  • 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 5 years.

React

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

I've been using it since 2018 (5 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 SCSS for a longer time (4 years).

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

Framer Motion

For animations, I am more comfortable using Framer Motion. Creating animations using JavaScript has never been as easy as using Framer Motion.

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!


UI/UX Designer

Designing user interfaces is something I'm really good at and I've been a UI/UX designer from 2018 to 2021 (3 years).

I'm always thinking about how to create the best possible user experience, in addition to creating visually appealing user interfaces.

The biggest challenge is finding the balance between creating a great user interface and an amazing user experience.


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 JavaScript HTML CSS/SCSS
PHP SQL

Technologies

Tailwind CSS Material UI Chakra UI Bootstrap Zurb Foundation
React Next.js Framer Motion Storybook Framework7 Redux Webpack Gulp Backbone.js Marionette.js WordPress
Express Redis MongoDB

Softwares and Tools

VS Code Node.js Git Sourcetree
Figma Inkscape Photoshop