Sunil Joshi
@suniljoshi19
Joined July 28th, 2020
Sunil Joshi is an avid designer cum developer who is passionate about solving complex UX challenges across digital businesses. He is a trendsetter in the field of data visualization and dashboard design and has been lauded for his clean and minimalist design aesthetic.
How to use Ample React Dashboard Lite Template for your projects
In this tutorial, you will know how to use WrapPixel’s Ample React Dashbard Lite Template for React which is a free template housing the necessary things needed for your personal or a commercial project.
Here’s how the entire tutorial is laid up for you in different sections:
Template overview
Download, install and setup
Examin...
6
Select One:
Here’s everything you need to know about the upcoming React v.18
Of course, we all know how popular the React library is. It has been around for years now and is used like crazy by both startups and big tech companies.
Facebook itself developed it and maintains the JavaScript library to make interfaces and on a regular basis they develop new features and write down their thoughts on what to e...
6
Select One:
15 Best and Unique CSS Loaders
One of the fundamental principles of User Experience (UX) is that a visitor expects to see
some feedback when they do an actionable work on a website or an app. For example, when you click on a “Download” button to download a file to your machine, the file processes in the background but on the frontend, till the file is ready,...
4
Select One:
20 Best CSS Animation Resources
A text fading in and out or a link popping up when hovered. What do these two things have in common? Yes, they all animate.
What’s special about the web development space is that along with static elements, it also provides an infinite possibilities of dynamic elements which can animate the way it is needed. It can be done via s...
4
Select One:
60 Best Design Resources of 2021
Are you a design nerd? Or a developer learning a bit of designing in between? Well, for your learning, practice, and even to make projects you will need some tools and resources to kick off your side-hustle in design.
Here, we present your 60 best design-only resources you need to start being creative. You will find something un...
3
Select One:
Top 10 Angular Material Themes for you to try in 2021
The internet is full of various themes and templates which help a developer to quickly apply a general set of design rules in their application. With so many options at your disposal, it can be really hard and sometimes quite frustrating when all you need is a theme that matches exactly your needs.
When Google introduced the Mat...
Select One:
10 Best Free Productivity Tools Front-end Developers need in 2021
It's a new year and that means a new set of tools to boost the developer's productivity. And those which don't cost a penny!
Whatever code we as frontend devs write to develop a project, we have to appreciate the different sets of tools we use throughout our careers and projects. Without these wonderful tools, the life of a deve...
Select One:
6 Best React Dashboard Templates that you can Use in 2021
If you are looking for the best react dashboard template then either you’re building it for your own or you have a client to build a full-stack application for him. But, you don’t want to waste time, actually coding the HTML, CSS for the admin's section. Then you are at the right place, my Friend.
Here in this article, we’ll pro...
4
Select One:
![Top 8 Design Trends of 2021 [With Resources]](https://cdn.devdojo.com/posts/images/March2021/top-8-design-trends-of-2021-with-resources.jpg)
Top 8 Design Trends of 2021 [With Resources]
If the general public gets excited for a new tech product at the beginner of the year, so does a typical UX designer in his/her career who is looking forward to some of the best design trends. Sometimes it's the big corporates who come up with their unique style while other times a freelance designer can come up with a blog that...
5
Select One:
![How to become a Kickass Web Developer in 2021 [Frontend & Backend Tips]](https://cdn.devdojo.com/posts/images/October2020/how-to-become-a-kickass-web-developer-in-2021-frontend-backend-tips.jpg)
How to become a Kickass Web Developer in 2021 [Frontend & Backend Tips]
Alright then, so you have decided your path. You want to become a web developer this year.
Welcome to the vast ecosystem of the web! Great choice, but how will you become an awesome dev who loves taking challenges, can implement what needed by the client, or just knows how to debug and solve web-related problems?
The following c...
Select One:
![Top 42 React resources every developer should bookmark [Latest]](https://cdn.devdojo.com/posts/images/October2020/top-42-react-resources-every-developer-should-bookmark-latest.jpg)
Top 42 React resources every developer should bookmark [Latest]
Every developer needs resources! Whether you are just starting learning the most popular JavaScript library or you're already a pro in it, there are an immense number of resources both free and paid from where you can take some inspiration, learn new concepts or just listen to some podcast.
Here, are some of the best ones out th...
Select One:
The Ultimate React Cheat Sheet
React is an open-source, front-end, JavaScript library for building user interfaces or UI components. Just like Vuejs, It gives us the ability to create components, layouts etc in our application. In this article we will go through all the fundamentals of Reactjs in this React Cheat Sheet.
Installation
Using React in our applica...
7
Select One:
Angular Cheat Sheet
Angular is a TypeScript based open-source web application framework used in building both web and mobile based applications. In this article, we will go through some of the angular features by explaining some of its core API. You can follow this angular cheat sheet and use in your project.
Angular CLI
Angular gives us the abilit...
8
Select One:
What the heck is Vue Vite?
Vite is a Lightening fast cold server that offers instant hot modules replacement and True on-demand compilation. This tool was created by the Creator of Vuejs, but this doesn’t mean that it can only be used in Vuejs, it could be used by libraries like Reactjs.
Vite allows you to serve your code via native ES Module imports duri...
7
Select One:
What is React? Why developers are choosing it over other Frameworks?
We have been witnessing the epic growth in technology within a decade. But what excites us mesmerising ability and infrastructure that has been build up. And we have also experienced the amazing features of react templates that is widely used for different projects. If you press a rewind button and look back things looked so...
Select One:
Vuejs Lifecycle Hooks
In this tutorial you will learn and gain understanding of Vue.js lifecycle Hooks. you will also gain in-depth understanding of how components are created and destroyed behind the scenes.
Lifecycle hooks are the entry point to virtually all front-end frameworks out there, having a good understanding of when your components are cr...
Select One:
Nuxt.js Cheat Sheet
In this article, we will looking into some of the Nuxt essential and how we can use them in our application. It’s advisable to understand the basic of Vuejs before moving into Nuxt js. Before we start with our Nuxt Js Cheat Sheet, lets learn about Nuxt.
Nuxt.js is a free and open source web application framework based on Vue.js,...
Select One:
The Ultimate Vue Cheat Sheet
Vuejs has become one of the most successfully applied, loved and trusted frontend JavaScript frameworks among our community. The Vue3 comes with a whole lot of new features. In this article we will go through all the fundamentals of Vue2 and Vue3. Basically a Vue Cheat Sheet to make your life easier.
We will break it down into d...
9
Select One:
Implementing Drag and Drop in Vue
In this article we will be implementing something fun. We will be implementing the drag and drop feature in Vuejs. I know there are a whole lot of libraries out there that will help you set this up but its always a good idea to understand how its working under the hood.
Since its a very small application, we won’t be making use...
9
Select One:
Top 5 Free Vue Dashboards & Framework Comparison
There are lots of other frameworks in the market and around the world that people often prefer. But Vuejs framework is different and a rising star of 2020. Since it started, there are different frameworks available withing Vue and they are amazing. We are going to compare them, so you can choose the best.
Vue Framework Compariso...
Select One:
How to use Bootstrap 4 with Angular 10 & Top 5 Free Angular Bootstrap Resources
In this article, we are going to see different ways to install bootstrap 4 into our Angular 10 application. If you don’t have angular 10 installed on your local machine, you can see this tutorial on how to install it.
Prerequisites
Familiarity with HTML, CSS, and JavaScript (ES6+).
Vs code or any code editor installed on your d...
Select One:
Best Free React Dashboards & Resources for every React Developer
You might be curious about why react dashboards & resources? The same question arises in most of the readers. Let me tell you that react was developed by Jordan Walke, it’s open-source JavaScript library purposed to create useful web applications. It was implemented initially on the Facebook newsfeed in back 2011, followed t...
Select One:
React Bootstrap Tutorial | How to add Bootstrap to React
In this article we will see some best practices for React Bootstrap. Integrating native bootstrap in React is not as easy as it seems, as you will need to find a way to remove the jQuery dependency of Bootstrap before integrating it in your React Project. So lets start with our Reactjs bootstrap tutorial.
Prerequisites
Familiar...
Select One:
How can we use Bootstrap with Vue, Learn Bootstrap Vue with example
The Vuejs CLI comes with a whole lot of features from installing of packages to configuring of our Vuejs application. In this article we will see some ways to add Bootstrap 4 into our Vuejs application. Basically learning more about Vue Bootstrap.
Prerequisites
Familiarity with HTML, CSS, and JavaScript (ES6+).
Vs code or any c...
Select One:
Setting up Firebase Authentication in React Application
Setting up Firebase Authentication in React Application
In this tutorial we’ll be building a simple react application with authorization using Firebase with private routes. Before we dig in to the details, i would like to mention about some ready to use best react dashboard templates and web application templates, which comes wi...
Select One:
Implementing Dark/Light mode in your Vue Vite Application
In this article we will be implementing the dark/light mode feature into our Vue Vite application without using any library.
We will start by creating a simple Vite application and then setup a simple user interface for our application. Before creating our Vue Application, i would like to mention about some great Free Vue Templa...
Select One:
Setting up TailwindCss in Angular 10
Tailwind CSS is a highly customizable, Utility CSS framework that gives you all of the building blocks you need to build designs without any annoying opinionated styles you have to fight to override.
In this article we will be setting up tailwindCss in Angular 10. If you dont have Angular 10 running on your local machine you can...
5
Select One:
Build a shopping cart in Nodejs and Angular10
In this article we are going to build shopping cart frontend with Angular 10 for our application.
You can check our backend part built in Nodejs, which we already have published.
Note that you need to have the angular CLI installed on your local machine. To upgrade to Angular 10 you can follow up this tutorial.
To start up we ne...
Select One:
Build a shopping cart in Nodejs and React
In this article we are going to build shopping cart frontend for our application. We will be using React for building our frontend.
You can check our backend part built in Nodejs, which we already have published.
As far as we can, this will be minimal for full understanding of the main functionality.
To begin, we need to setup o...
Select One:
Build a shopping cart in Nodejs and Vue Vite
In this article we are going to build shopping cart frontend for our application. We will be using Vue Vite which has a faster hot module reload.
You can check our backend part built in Nodejs, which we already have published.
We need to create our application directory for Vite. Create a vue-cart directory in your desktop and...
Select One:
Loading More Content
