Sunil Joshi

@suniljoshi19

510 Points

3 Followers

37 Posts

0 Answers

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

​​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...

Sunil Joshi

1 week ago

6
Select One:
Here’s everything you need to know about the upcoming React v.18

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...

Sunil Joshi

1 month ago

6
Select One:
15 Best and Unique CSS Loaders

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,...

Sunil Joshi

1 month ago

4
Select One:
20 Best CSS Animation Resources

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...

Sunil Joshi

1 month ago

4
Select One:
60 Best Design Resources of 2021

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...

Sunil Joshi

2 months ago

3
Select One:
Top 10 Angular Material Themes for you to try in 2021

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...

Sunil Joshi

3 months ago

Select One:
10 Best Free Productivity Tools Front-end Developers need in 2021

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...

Sunil Joshi

3 months ago

Select One:
6 Best React Dashboard Templates that you can Use in 2021

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...

Sunil Joshi

4 months ago

4
Select One:
Top 8 Design Trends of 2021 [With Resources]

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...

Sunil Joshi

4 months ago

5
Select One:
How to become a Kickass Web Developer in 2021 [Frontend & Backend Tips]

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...

Sunil Joshi

8 months ago

Select One:
Top 42 React resources every developer should bookmark [Latest]

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...

Sunil Joshi

9 months ago

Select One:
The Ultimate React Cheat Sheet

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...

Sunil Joshi

9 months ago

7
Select One:
Angular Cheat Sheet

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...

Sunil Joshi

9 months ago

8
Select One:
What the heck is Vue Vite?

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...

Sunil Joshi

9 months ago

7
Select One:
What is React? Why developers are choosing it over other Frameworks?

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...

Sunil Joshi

9 months ago

Select One:
Vuejs Lifecycle Hooks

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...

Sunil Joshi

9 months ago

Select One:
Nuxt.js Cheat Sheet

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,...

Sunil Joshi

9 months ago

Select One:
The Ultimate Vue Cheat Sheet

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...

Sunil Joshi

9 months ago

9
Select One:
Implementing Drag and Drop in Vue

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...

Sunil Joshi

9 months ago

9
Select One:
Top 5 Free Vue Dashboards & Framework Comparison

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...

Sunil Joshi

9 months ago

Select One:
How to use Bootstrap 4 with Angular 10 & Top 5 Free Angular Bootstrap  Resources

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...

Sunil Joshi

10 months ago

Select One:
Best Free React Dashboards & Resources for every React Developer

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...

Sunil Joshi

10 months ago

Select One:
React Bootstrap Tutorial | How to add Bootstrap to React

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...

Sunil Joshi

10 months ago

Select One:
How can we use Bootstrap with Vue, Learn Bootstrap Vue with example

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...

Sunil Joshi

10 months ago

Select One:
Setting up Firebase Authentication in React Application

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...

Sunil Joshi

10 months ago

Select One:
Implementing Dark/Light mode in your Vue Vite Application

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...

Sunil Joshi

10 months ago

Select One:
Setting up TailwindCss in Angular 10

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...

Sunil Joshi

10 months ago

5
Select One:
Build a shopping cart in Nodejs and Angular10

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...

Sunil Joshi

10 months ago

Select One:
Build a shopping cart in Nodejs and React

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...

Sunil Joshi

10 months ago

Select One:
Build a shopping cart in Nodejs and Vue Vite

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...

Sunil Joshi

10 months ago

Select One:

Loading More Content