Vedanth Bora

Vedanth Bora

Hello World 👋

I'm Vedanth Bora, a JavaScript developer and I specialize in Frontend Development. I love using my technical skills to build cool & interesting things. In my spare time, I work on open source projects related to JavaScript, React, TypeScript, etc.

You can find me on Twitter and GitHub — check out my bio for more info. View Resume

My Skillset

HTML CSS JavaScript React JS Next JS TypeScript Tailwind CSS Storybook Node JS Express Mongo DB React Testing Library Jest Unit Testing

My Projects

bloggingly

aWobbi is a social media application built with React, Redux Toolkit, Tailwind CSS, NodeJS, MongoDb and socket.io. Auto formatted with Prettier, Linted with ESLint.

instaBuy

instaBuy is an e-commerce application built with Next Js. It has a admin login and user login, admins can view and add products, manage orders and deliveries. Its uses mongoDB to store data , react context for state management , cloudinary to store images and paypal payment integration.

aWobbi

aWobbi is a social media application built with React, Redux Toolkit, Tailwind CSS, NodeJS, MongoDb and socket.io. Auto formatted with Prettier, Linted with ESLint.

mediaHive

A video management application built with React/Babel (Client), React Context API for state management, Argon CSS (my own css framework lib) . Auto formatted with Prettier, linted with ESLint. MockBee for mock backend.

React Testing Library

Argon CSS

Argon CSS is a utility-first CSS framework inspired by tailwind that can be composed to build any design, directly in your markup.

Component Library

DashB

A frontend dashboard application built with React/Babel (Client), React Context API for state management, Tailwind CSS for styling. Auto formatted with Prettier, linted with ESLint. It has charts to display data. A google calendar like feature to add tasks and events for date, A jira like drag and drop kanban task management tool.

FocusTree

FocusTree is a task management app, with a pomodoro timer that helps focus better.

Component Library

My Blog Posts

Module Patterns in JavaScript

Module Patterns in JavaScript

Module patterns in JavaScript provide a way to organize and share code in a maintainable and reusable way. There are several types of module patterns available in JavaScript, including ES6, AMD, UMD, and FESM. In this blog, we will explore each of these module patterns with code examples and understand their uses and benefits.

Software Development

How to add a retry mechanism to api calls with Axios

How to add a retry mechanism to api calls with Axios

In this blog we will look at how we can add a retry mechanism to api calls using axios

Software Development

var, let and const in JavaScript

var, let and const in JavaScript

In JavaScript, variables can be declared using three different methods: var, let, and const. In this blog we will understand the differences between them and also look a few examples to make this concept clear.

Software Development

Promises and its polyfills.

Promises and its polyfills.

In this blog we will understand what Promises are in JavaScript, why they are useful. We will cover Promise methods and write polyfills for them to understand how they work under the hood. We will also understand what async/await are and how they work under the hood.

Let’s understand Bubble sort by building a bubble sort visualiser in javascript.

Let’s understand Bubble sort by building a bubble sort visualiser in javascript.

In this blog I will try to explain Bubble Sort. Now Bubble sort is a sorting algorithm you would probably never use in real life as there are more optimised ways to sort, this is just for learning purpose. In the end we will also build a fun bubble sort visualiser in HTML, CSS, JavaScript.

Software Development

Redux without React

Redux without React

In this blog, I will try to explain redux library without react. Just Redux. Why? Because if we understand redux then we’ll understand react-redux (redux bindings for react) better.

Software Development

Call, Bind And Apply in JavaScript with polyfills.

Call, Bind And Apply in JavaScript with polyfills.

In this article, we will discuss three of the most important concepts in JavaScript: call, bindand applyalong with their pollyfills We will see how these concepts can be used to write better code.

Software Development

Let’s understand map, filter and reduce by writing polyfills for them.

Let’s understand map, filter and reduce by writing polyfills for them.

In this blog we will understand how map , filter and reduce work by writing polyfils for them. A polyfill is a piece of code (usually JavaScript on the Web) used to provide modern functionality on older browsers that do not natively support it.

Software Development

Currying in JavaScript

Currying in JavaScript

Currying is a function that takes one argument at a time and returns a new function expecting the next argument . It is a conversion of functions from callable as f(a,b,c) into callable as f(a)(b)(c)

Software Development

Debouncing and Throttling

Debouncing and Throttling

Debouncing and Throttling are performance optimisation techniques, both of them control how many times we allow a function to be executed over time

Software Development

ES6 Handbook

This is a ES6 handbook.

Software Development