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.
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.
Oct 28, 2022
React.js
Redux
Node.js
TailwindCSS
Express
MongoDb
Projects
TypeScript
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.
Jun 1, 2021
Next Js
MongoDb
Material UI
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.
May 1, 2021
React.js
Redux
Node.js
TailwindCSS
socket.io
Express
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.
Mar 1, 2021
React.js
Web Dev
Unit Testing
React Testing Library
Jest
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.
Feb 1, 2021
Component Library
HTML
CSS
JavaScript
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.
May 1, 2022
React.js
Web Dev
Projects
TailwindCSS
FocusTree
FocusTree is a task management app, with a pomodoro timer that helps focus better.
Apr 1, 2021
Component Library
HTML
CSS
JavaScript
My Blog Posts
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.
Jan 31, 2023
JavaScript
Web Dev
Software Development
ES6
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
Dec 3, 2022
JavaScript
Web Dev
Software Development
Axios
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.Nov 24, 2022
JavaScript
Web Dev
Software Development
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.
Nov 15, 2022
JavaScript
Web Dev
ES6
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.
Nov 6, 2022
JavaScript
Web Dev
Software Development
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.Oct 31, 2022
JavaScript
Web Dev
Software Development
Redux
Call, Bind And Apply in JavaScript with polyfills.
In this article, we will discuss three of the most important concepts in JavaScript:
call
, bind
and apply
along with their pollyfills We will see how these concepts can be used to write better code.Oct 28, 2022
JavaScript
Web Dev
Software Development
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.Oct 28, 2022
JavaScript
Web Dev
Software Development
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)
Oct 28, 2022
JavaScript
Web Dev
Software Development
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
Oct 25, 2022
JavaScript
Web Dev
Software Development
ES6 Handbook
This is a ES6 handbook.
Jul 7, 2022
JavaScript
Web Dev
Software Development
ES6