Prop Drilling, Component Composition, Types & API
You know you're Prop Drilling when you're passing props deep down the nested component tree.
Continue ReadingI love designing & solving problem through code
Subscribe to stay up-to-date with my latest articles.
Subscribefeatured articles
-
-
How & When To Use JavaScript Array.from() Method
This is a quick demo explaining how & when to use JavaScript Array.from() method.
Continue Reading -
Tutorial Heaven, Dealing With Procrastination & Interview Preparation
A subtle form of procrastination that most people often don't talk about is overpreparation, someone who wants to perfect themselves before taking action.
Continue Reading
SKILLS
Frontend
- HTML, CSS, JavaScript, TypeScript, React.js, Next.js, React Router, Redux Toolkit, React Query, Tailwind, Sass, Styled Components, Framer Motion, CSS Modules, Bootstrap, jQuery, MUI, Grunt, Gulp, Webpack
Backend
- Node.js, Express.js, RESTful API, GraphQL, PHP, Bash, Python, EJS, Nunjucks
Database
- MySQL, MongoDB, Mongoose
Other Tools/Technologies
- Supabase, Figma, Git, WordPress, Linux
PROJECTS
Crypto Token Price Checker (Web 3)
- Build a responsive web app UI frontend using React to fetch crypto tokens real-time price (USD) using Binance web socket, animate it using Framer Motion animation library, and deploy it on Netlify.com.
- Implemented functionality to allow users to select different tokens (or use the search bar), enter the amount of money they want to invest, and dynamically see how many tokens they will receive after investment.
- Live Demo | Source
Custom To-Do Lists Creation App
- Implemented functionality to allow users to create, view and delete to-do lists and list items.
- Deployed this Node/Express web app on Render.com. Hosted database on the cloud using MongoDB Atlas. Designed & coded the front end using HTML, CSS, JavaScript & EJS (JS templating language), and the backend database logic using the Mongoose library.
- Live Demo | Source
AJAX CRUD Application With JavaScript & PHP Validation
- Build the project using Apache, MySQL, & PHP stack for capturing data (name, email, & address) by performing CRUD (Create, Read, Update & Delete) using jQuery AJAX calls.
- Implemented JavaScript & PHP data validation; & prevented SQL & HTML injection by sanitizing the data using the filter_var() function, then preparing the SQL statements before executing in PDO object.
- Source
Own Custom Crypto Token (Web 3)
- Build a responsive web app UI frontend using React to fetch crypto tokens real-time price (USD) using Binance web socket, animate it using Framer Motion animation library, and deploy it on Netlify.com.
- Implemented functionality to allow users to select different tokens (or use the search bar), enter the amount of money they want to invest, and dynamically see how many tokens they will receive after investment.
- Source