Hello, I'm Shakib

Projects

• 

  Portfolio v2.0.0

  Jan 2022

  A static personal portfolio website to showcase projects, work experiences, and blogs.

  Motivation: It's been almost 3 years since I have launched v1.0.0 of my personal portfolio site. At that time, I was heavily involved with building single-page applications w/ React. So, even for a simple static website like a portfolio, I went overboard and built it as a SPA. Looking back at it, I realized there was no need to complicate building static websites. That can be achieved pretty easily with a few HTML, CSS, and JavaScript files. Thus, I decided to redesign the UI and keep the architecture simple to make future updates easy and more manageable. Unlike v1.0.0, I also added end-to-end UI testing with Cypress and also set up a CI/CD pipeline with GitHub Actions to automate tests and deployment on code changes.

  HTML CSS JavaScript TailwindCSS Parcel Cypress Netlify ESLint Prettier GitHub Actions
• 

  LogTrade

  Oct 2021 - Present

  A personal journal for keeping track of all your trades online.

  Motivation: A friend reached out to me to ask for an application that he wants to use to log daily stock trades. I found the idea fairly simple to implement as it seemed very similar to any other note or record tracking software. Thus, I felt the need to jump on it right away. I didn't want to spend too much time building out the entire application, specially handling APIs and databases, so I decided to go with a firebase database to store stock trades on the backend. As for user authentication, firebase authentication also came in handy as well. This way, I was able to focus more on the client side and build a responsive, playful UI with React

  Future Plans: As of October 17, 2021, LogTrade v1.0.0 is live in production. More potential bug-fixes and feature enhancements will be added pretty soon. Also, I do have plans to release v2.0.0 early to mid 2022.

  React TailwindCSS Webpack Firebase Netlify
• 

  Regexer

  Jul 2018 - Present

  A utility library of functions that leverage regular expressions to validate different types of inputs

  Motivation: Using regexes is very common for developers to validate inputs like email, zip code, or credit card number. I wanted to build a small utility library to verify many different types of inputs with regexes, so I never have to reach out to google to find the same, trustworthy regex every time. Currently, I do not have an exhaustive list of all the regexes there are, but I have plans to add more and more over time. Regexer is a node package that can be installed for both server-side and client-side use.

  Node.js ESLint Mocha Semantic Release
• 

  @npranto/actions-cli

  June 2022

  A command-line CLI tool to keep track of your actions items for each day

  Node.js CLI Tool Commander Conf