Skills and Tools

Introduction

Note: I'm always open to learn modern tech stacks! I've always been interested in computers, but I started programming about ago. I've tried some programming languages and tech stacks, starting with JavaScript and Python, working my way into web development, then going into low level languages like C and Rust.

Even though the scope of programming is broad, I am now interested in ubiquitous computing and machine learning the most, however to properly market these, I use web development.

---

Embedded

I am passionate about AI-on-the-edge and IoT devices and automations related to them. I have created multiple projects using Arduino, Raspberry Pi, and ESP8266. My language of choice is Rust for low-level efficient development, but I use the Ino language (C with a few small differences) when necessary for collaboration.

Web Development

My design philosophy centers on minimalism, attractiveness, and of course ease of use. I believe that websites should be held to the same visual standards as pieces of artwork and the structural standards of skyscrapers.

I enjoy creating websites with depth of interaction, including:

• Web applications
• Documentation and blog pages,
• Data visualization layouts,
• Dashboard layouts,
• and others.

But I still like to make simple websites like landing pages for clients.

These are the tools that I use to create websites.

TypeScript

TypeScript is a JavaScript superset that offers features like static types to improve upon JavaScript. TypeScript is interpreted into JavaScript at the time of building, so it's purpose is for management of the codebase and not to improve efficiency. I use TypeScript to create rigorous code that I have more confidence in to not cause type issues in the future and to get more IDE support. I use the NPM ecosystem to develop websites, and most modules use TypeScript so I get a lot of features with TypeScript.

React

React is great for building single page applications which are websites that interacts with users by dynamically rewriting the current web page with new data from the web server, instead of the default method of a web browser loading entire new pages. The goal is faster transitions that make the website feel more like a native app. I normally use something like Astro or Next which are frameworks built on the React library to make the process of routing and shipping a web page much easier.

Tailwind CSS

Tailwind CSS takes time away from styling and lets me work on websites without worrying about things like padding, style files, etc. For now, I love using Tailwind CSS for styling while coding inline, even though I've been using SCSS (variable based styling) for a longer time.

Framer Motion

For animations, I am more comfortable using Framer Motion. Creating animations using JavaScript has never been as easy with 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 other than maybe Astro. It's just that good!

---

Designer

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

I'm always thinking about how to create the best possible user experience, in addition to creating visually appealing user interfaces. In my freshman year of high school, I took a class called Graphic Production that gave me a strong understanding of the Adobe graphics system, and I can now design things like logos and visuals through illustrator and photoshop. 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.:

Web Programming Languages

Web Technologies

Web Softwares and Tools

Philosophy

Detail Oriented

Keen Eye for Spotting Small Details

Awareness of efficiency, user interface and user experience, and small QoL details.

Pretty & Optimized

Comprehensible and Optimized Code.

Writing fast and efficient code that is also readable and beautiful is a top priority.