github-readme-stats VS javascript

A big shoutout to the creators of the README-Stats project for their awesome theme suite!

All that is standard , let's compound this process by adding programming language stats . There's a project on github that we can embed directly into our markdown or html , but we want more so i made a recursive function to fetch all our repositories (The github readme script only fetches the first 100 repos)

You can add a lot of Anurag Hazra‘s GitHub ReadMe Stats features:

The GitHub Readme Stats project by Anurag Hazra generates dynamic statistics about your GitHub activities. This includes your top languages, total contributions, and more. You can use these stats to showcase your skills and dedication.

I didn't figured this on my own, the first time I learned about this feature was through the github-readme-stats project, under the responsive-card-theme section, it showed examples that I've used in my profile README and I've been also using on repositories as well.

https://github.com/anuraghazra/github-readme-stats or shields.io

You can also add your top repositories or your favorite projects with a title, description, preview, and link. However, there is another way you can do this without README which I will explain very soon. You can add custom styling for repositories, check it out here.

You can find a few different stat widgets on anuraghazra's repo. They are fairly customizable and allow you to hide stats that may not be that flattering or could be misleading.

For solution you can see here. I hope it will help.

Add some markdown and HTML to your README to make it your own. Make careful to pick the appropriate font and color scheme for your profile so that it looks appealing. You can make a GitHub profile README that stands out and effectively advertises your work and abilities to potential employers and collaborators by using the advice in this article. Here are Some Github Repos, for adding extra features shield(have small badges) - https://github.com/badges/shields Adding gihubstack - https://github.com/anuraghazra/github-readme-stats Add your articles - https://github.com/bxcodec/github-readme-medium-recent-article

Instead of writing our own exhaustive list of JavaScript rules, we can use a ruleset defined by the developers at Airbnb, and then adjust it to suit our preferences. The Airbnb JavaScript Style Guide is well known among JavaScript developers and used by some big companies: Lonely Planet, National Geographic and Sainsburys to name a few. It’s a great place to start.

Airbnb Style Guide

# question 1: ? How would you like to use ESLint? … To check syntax only To check syntax and find problems ❯ To check syntax, find problems, and enforce code style # question 2: ? What type of modules does your project use? … ❯ JavaScript modules (import/export) CommonJS (require/exports) None of these # question 3: ? Which framework does your project use? … ❯ React Vue.js None of these # question 4 (select "No", because we won't add TypeScript support for this project): ? Does your project use TypeScript? › No / Yes # question 5: ? Where does your code run? … Browser ✔ Node # question 6: ? How would you like to define a style for your project? … ❯ Use a popular style guide Answer questions about your style Inspect your JavaScript file(s) # question 7 (we'll rely on Airbnb's JavaScript style guide here): ? Which style guide do you want to follow? … ❯ Airbnb: https://github.com/airbnb/javascript Standard: https://github.com/standard/standard Google: https://github.com/google/eslint-config-google # question 8: ? What format do you want your config file to be in? … JavaScript YAML ❯ JSON # the final prompt here is where eslint will ask you if you want to install all the necessary dependencies. Select "Yes" and hit enter: Checking peerDependencies of eslint-config-airbnb@latest The config that you have selected requires the following dependencies: eslint-plugin-react@^7.21.5 eslint-config-airbnb@latest eslint@^5.16.0 || ^6.8.0 || ^7.2.0 eslint-plugin-import@^2.22.1 eslint-plugin-jsx-a11y@^6.4.1 eslint-plugin-react-hooks@^4 || ^3 || ^2.3.0 || ^1.7.0 ? Would you like to install them now with npm? › No / Yes

Extensible : ESLint supports the use of plugins and custom rules, enabling you to extend its functionality to suit your project requirements. Notably, there are popular ESLint plugins that align with well-established coding standards and styles. Examples include Airbnb JS Style Guide and Google JS Style Guide.

An obvious pick for React projects, but eslint-plugin-react along with their plugin:react/recommended rule set is a must. This will give you some sensible rules such as requiring a key to be specified in JSX arrays. eslint-config-airbnb is another good (if a bit loose) base rule set on top of eslint-plugin-react to start from.

That particular advice is from eight years ago, as part of their original ES6 guide.