DEV Community: Ayush Agarwal

Fix npx create-react-app stuck or hangs when installing or react dependencies getting stuck during npm install

Ayush Agarwal — Sun, 08 Aug 2021 18:43:45 +0000

I have encountered this scenario a few times during installation of create-react-app or when installing react dependencies. There are various solution for this kind of problem. I am listing all of them below in three different stages, try them out accordingly : -

First Stage
- npm config set registry http://registry.npmjs.org/ --global
- npm cache clear --force
- Delete your package-lock.json file(it will automatically get created after npm i).
- Now try for npm install
Second Stage
- In your project directory type
- npm init
- npm update
- Restart your IDE
- Try installing dependency again
Third Stage
- Unistall node and npm
- Reinstall node again

These solutions worked for me, and I hope it works for you as well!.

How to choose good looking fonts for your website

Ayush Agarwal — Sat, 07 Aug 2021 12:44:45 +0000

Here is a guideline for choosing good looking fonts for your website or web app. Generally we choose fonts based on how they look to us, what we feel is appropraite, irrespective of fonts personality. The correct way to go about it, is to choose according to the personality of Typeface to which that font belongs, here it goes :-

We have 5 major typefaces in which most fonts can be categorised. Based on the intention of website, we choose fonts whose typeface personality matches with intention of our website.

Serif -
- Old Style - For Refined, Classical look. Eg. - Restaurants. (Body, Paragraph text).
- Modern Type - For Fashion, Luxury, Serious, Refined look. - (Headline text)
- Slab - Mechanical, Strong - (Headline text).
Sans-Serif -
- Most versatile, cover wide-range of personalities.
- Can be used for Modern, Serious, Neutal look.
Display -
- Strong Personality.
- Used for Big Headline
Script -
- Based on Handwriting
- Only Headline text.
Monospace -
- All letters have equal spacing
- Readability, Computer code.

These are the personality types one must looke into when choosing fonts for their website.

Do look into fonts About section at the bottom of every fonts page. You will get to know what is the purpose of the font and for what kind of elements the font can be used.

If anyone has any suggestions on improving the article, you are most welcome to leave a message. I will be sharing more tips about fonts, colors and more design related knowledge that every web developer, designer must know. Thanks!

Top 5 online courses for learning web development.

Ayush Agarwal — Fri, 30 Jul 2021 09:41:50 +0000

These courses are taken by me and are my personal prefrence.

There might be more or better ones, but I can gurantee that once you try them, you will not be dissapointed.

1) The Complete JavaScript Course 2021: From Zero to Expert! by Jonas Schmedtmann

Jonas is one of the best instructor out there. In his courses he covers every topic in detail, with theory lectures explaining not only what but why a technology works in certain way.

Platform - Udemy

2) The Web Developer Bootcamp 2021 by Colt Steele

Colt is great in explaining diverse tech in an integrated manner. For first timers, it is recommended to go through this course, as to have birds eye view of web development process from frontend to backend and deployment.

Platform - Udemy

3) Advanced CSS and Sass: Flexbox, Grid, Animations and More! by Jonas Schmedtmann

Again when its Jonas, there is no doubt about it. Take the course! In this course he covers CSS, SCSS in detail with Flexbox, Grid, Browsersupport, Image optimisation, responsive design & more.

Platform - Udemy

4) React - The Complete Guide (incl Hooks, React Router, Redux) by Maximilian Schwarzmüller

Max courses are great for learning practical as well as theory side of things. He provides lots of additional articles and videos for explaining a topic. This React course is must have for beginners as he goes through ReactJS in detail explaining its behind the scenes functioning to styling react apps and React app patterns.

Platform - Udemy

5) Node.js, Express, MongoDB & More: The Complete Bootcamp 2021 by Jonas Schmedtmann

Lastly with Jonas yet. After above he does'nt need any explanation. If you want to get good at nodeJS with its functioning, theory, security, & more take this course.

Platform - Udemy

Finally, these are the courses I took and have broaden my understanding not only regarding web development but tech in general.

Still these are my preferences, I will recommend to do your own reserach, as buying a course is commitment of precious time and money. 🙂