I started my professional career as a web and cyber security enginner around 2018. Lets talk about my journey as dev and competitive programmer


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,

  • 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!


Backend Developer

I really love messing around with the thing that the user can not see but make a use of it , i really like building restAAPI , relation model and database intergration

Python

Nodejs

NextJS Api

SQL

MONGODB

ORM - prisma

In Memory Cache - Redis


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
Nodejs C++ Java Python
SQL

Technologies

Tailwind CSS Material UI Chakra UI Bootstrap Zurb Foundation
React Next.js Framer Motion NodejsRedux Redux ToolKit Webpack

Serverless Stuffs

Supavase Clerk Auth0 Firebase
Express Redis MongoDB Vercel KV

Softwares and Tools

VS Code Neovim Git
Figma