ヾ( ˃ᴗ˂ )◞ Hi there! I am

Athma Vasi.

I build things for the web.

About Me

As a skilled petroleum technologist and power engineer, I have honed my expertise in various operations, from drilling and completion to refinery operations to power generation.

However, during the pandemic, I was inspired by an article to dive headfirst into the world of programming. Since then, I have dedicated myself to learning web development and have completed the Front-End portion of The Odin Project, using TypeScript as my preferred language. Currently, I am expanding my skillset by learning the Back-End portion through Full Stack Open.

With a strong foundation in engineering and troubleshooting equipment and complex chemical processes through close collaboration and teamwork, I understand the importance of attention to detail, safety, and creative problem-solving. I apply these principles to my passion at web development and aim to create user-friendly and accessible experiences that solve real-world problems using modern technologies, functional programming philosophies, well-documented and tested clean code.

I am passionate about programming and the web and am constantly seeking new opportunities to learn and grow. If you are interested in discussing how my skills and experience can benefit your team, I would be thrilled to connect with you.

Skills

HTML

CSS

TypeScript

React

Git

Next.js

Node.js

Julia

Deno

Express

Projects

Battleship game set in the Honorverse and inspired by the movie War Games. The game features a tactical overview and real-time contextual battle messages. The setting of the game was inspired by my love of sci-fi novels and 80's sci-fi movies. The theme and colours are designed to mimic an Apple III monitor and the displays used in classic 80's movies.

html5 logo css3 logo typescript logo

Byblos is a free web app that provides access to millions of books from all over the world integrating with the Google Books API, allowing users to explore an endless world of literature. Users can search and preview any book before making a commitment and once finished, rate and favorite their volumes and organize them in their personal bookshelf.

react logo typescript logo react-router logo cypress logo axios logo vite logo

A memory card game featuring an emoji theme, card shuffling, progressively scaling difficulty and highscore tracking system for an engaging user experience, built with React, TypeScript and styled-components.

react logo tailwindcss logo typescript logo nextjs logo

A Test Driven Development (TDD) calculator app featuring a responsive design, keyboard input functionality, switchable themes and history tracking. Built with React, Vite, Next.js and tested using Cypress.

react logo tailwindcss logo typescript logo cypress logo styled-components logo nextjs logo

A robust password generator app that generates a random string based on user selecteable parameters such as length, lowercase, uppercase, numeric, and/or special characters. The package used is the random npm library, which uses Math.random() as the underlying PRNG. The app also provides a strength rating for the generated password.

react logo tailwindcss logo typescript logo nextjs logo

This is an implementation of Rock-Paper-Scissors-Lizard-Spock, a variant of the classic game Rock-Paper-Scissors, featuring highscore tracking and smooth animations using Framer-Motion. The game is played against the computer, who each choose from one of five available options.

react logo tailwindcss logo typescript logo nextjs logo