DEV Community: Darsh Shah

Top Project Management Tools For Developers🛠

Darsh Shah — Sat, 19 Dec 2020 19:00:35 +0000

Are you someone looking for Project Management tools that can help you become more Productive? 🤔

If you said Yes, then you're at the right place. 🤗

Choosing the right tooling can be really time-consuming for everyone, right?

Soo...

In this article, I'll be sharing the top Project Management Tools you should use for making your life easier. 😛

Top Project Management Tools For Developers 🤩

Asana - Asana is a web and mobile application designed to help teams organize, track, and manage their work. Forrester, Inc. reports that “Asana simplifies team-based work management.” It is produced by a company of the same name.
Basecamp - Basecamp is a real-time communication tool that allows you to manage remote work. Basecamp is more than just a project management tool — it’s a better way to work. Teams that switch to Basecamp are more productive and better organized. They communicate better and require fewer meetings. And they’re far more efficient than before.
Jira - Jira is a proprietary issue tracking product developed by Atlassian that allows bug tracking and agile project management.
Notion - Notion is an application that provides components such as databases, kanban boards, wikis, calendars, and reminders. Users can connect these components to create their own systems for knowledge management, note-taking, data management, project management, among others
ProofHub - ProofHub puts every tool that teams, managers, and clients need to get work done together and faster, in one place.
Trello - Trello is a web-based Kanban-style list-making application. It allows you to create Simple Boards, Lists & Cards. It also allows you to integrate with other applications to make it more effective.
Wrike - Wrike, Inc. is a privately held project management application service provider based in San Jose, California.

Now, don't get confused when it comes to choosing the right tool. You can always come back and pick one tool out of this list that works for your team & aligns with your requirements. 😎

What's your favorite tool? Please let me know in the comments section.✍️

Thanks, for reading it till the end. 🙏

Hope you find that helpful! Let me know your thoughts on this in the comments section. Don't forget to share this article with your friends or colleagues. Feel free to connect with me on any of the platforms below! 🚀

Twitter | LinkedIn | GitHub

Optional Chaining in JavaScript

Darsh Shah — Thu, 17 Dec 2020 11:33:49 +0000

Optional Chaining (?.) concept was recently introduced in JavaScript ES2020. The new version of JavaScript is bringing improvements to the current implementations and makes our lives easier as a developer. 🤩

You can check the new ECMAScript 2020 (ES2020) language specification & TC39 proposal.

In this article, we'll talk about Optional Chaining in JavaScript.

What is Optional Chaining(`?.`) in JavaScript? 🤔

Optional Chaining operator allows us to access the nested object properties, without checking if the parent object exists. Thus, instead of throwing an error, it will return undefined if the parent object is null or undefined.

The ?. operator works in the same way as of . (chaining) operator. The only difference here is instead of throwing an error if the reference is nullish (null or undefined), it will return a value of undefined.

Syntax

object.value?.prop
object.value?.[expr]
object.value?.[index]
object.func?.(args)

Consider the following example:

const userInfo = {
   firstName: 'Darsh',
   lastName: 'Shah',
   details: {
      bio: 'Auth0 Ambassador | Postman Student Expert | Blogger | Speaker',
      title: 'Software Developer'
   },
   sayHello() {
      return 'Hey there!👋';
   }
};

Now, what if we do this?

const userTitle = userInfo.details && userInfo.details.title;

We first check whether details property exists in userInfo & then we assign title to the userTitle if it exists. Otherwise, userTitle will be undefined.

Usually, we use the && operator to avoid getting errors when the object is null or undefined.

But this is tedious right?? 😓

With the new JavaScript feature, We can use the Optional Chaining (?.) operator here to make it look more clear. 🤯

const userTitle = userInfo.details?.title;

Is it for real??? 😳

Yes, this will work the same way we did with the && operator.

What happens is, ?. operator will stop the evaluation if the part before ?. is undefined or null and returns undefined rather than throwing an error.

Here's the example:

Note: This will only work on nested properties. If we try to use it at the first level, it will throw an error if the object is not defined. Optional Chaining needs a parent object to look at first.

In this example, user i.e., parent object is not defined and we're trying to use the Optional chaining operator. Thus, it will throw an error.

Woo-Hoo!!🎉 There you go! Make use of it whenever there is a need. Hope this makes your work a bit easier. 🎯

Thanks, for reading it till the end. 🙏

Twitter | LinkedIn | GitHub

Top Chrome Extensions Every Developer Should Use 🛠

Darsh Shah — Sun, 06 Dec 2020 11:38:17 +0000

Do you want to use the Chrome web browser more effectively as a Developer? 🤯

If you said YES, then this article is for you. We'll go through some of the best Google Chrome Extensions Every Developer should have.

Why to make use of Google Chrome & its Extensions?

Google Chrome is a cross-platform web browser developed by Google. Since most users use the Chrome web browser, even we as a developer use Chrome as our primary browser, It allows us to access a massive repository of Chrome extensions and resources that make our everyday activities less of a hassle. There seems to be no further need for more software with built-in developer tools.

Chrome extensions are only one of the many techniques that can be really helpful. Below is a list of the best extensions that we can make use of on a daily basis.

Top Google Chrome Extensions, you must have 🤩

ColorZilla
With ColorZilla you can get a color reading from any point in your browser, quickly adjust this color and paste it into another program.
Coil
Coil is a flat rate for Web Monetization. What that means is that you pay a fixed amount of money per month to Coil and Coil will stream money to websites as you browse.
Coil builds on an open standard called Web Monetization. This is a brand-new standard and not many websites support it yet. But it enables some amazing new experiences.
CSS Viewer
A simple CSS property viewer.
CSSViewer is a simple CSS properties viewer originally made by Nicolas Huon as a Firefox add-on (2006-2008).
daily.dev
daily.dev is the easiest way to stay updated on the latest programming news.
EditThisCookie
EditThisCookie is a cookie manager. You can add, delete, edit, search, protect, and block cookies!
Grammarly
Communicate With Impact. Ensure Everything You Write Comes Across The Way You Intend. Present Your Best Self Every Time You Type. Make Your Writing Clear and Engaging. Eliminate grammar errors. Easily improve any text.
JSON Viewer
The most beautiful and customizable JSON/JSONP highlighter that your eyes have ever seen. It is a Chrome extension for printing JSON and JSONP.
Keywords everywhere
Keyword search volume, CPC, and competition for 15+ websites like Google™ Search Console, YouTube™, Amazon™ & more.
Momentum
Replace a new tab page with a personal dashboard featuring to-do, weather, and inspiration.
Wappalyzer
Wappalyzer is a technology profiler that shows you what websites are built with. Find out what CMS a website is using, as well as any framework, eCommerce platform, JavaScript libraries, and many more.
React – Developer Tools Extension
React Developer Tools is a Chrome DevTools extension for the open-source React JavaScript library. It allows you to inspect the React component hierarchies in the Chrome Developer Tools.
Redux dev tools
The extension provides power-ups for your Redux development workflow. Apart from Redux, it can be used with any other architectures which handle the state.
vidIQ Vision for YouTube
Do you want to know how to get more YouTube views, or discover the secrets to success behind your favorite YouTube channels and videos? vidIQ Vision for Chrome is a suite of powerful tools that every creator needs access to if they want to build their audience on YouTube.
WhatFont
The easiest way to identify fonts on web pages.

NOTE: React & Redux devtools Extensions are for those who works with React on daily basis.

Congratulations!!🥳 You made it till the end. Hope you have now figured out what extensions you should use to make your life a bit easier than before.😄

Is there any other extension that you make use of? Please let me know in the comments section.✍️

Thanks, for reading it till the end. 🙏

Twitter | LinkedIn | GitHub

Top VS Code Extensions Every Developer Should Use 🛠

Darsh Shah — Thu, 03 Dec 2020 19:14:22 +0000

Are you looking for the amazing VS Code extensions that will help you be more productive while coding? 🤔

If you said Yes, then you're at the right place. In this article, I'll be sharing top VS Code Extensions you must-have for making your life easier. 😛

What is VS Code? 🤯

Visual Studio Code is a free source-code editor made by Microsoft for Windows, Linux, and macOS. Features include support for debugging, syntax highlighting, intelligent code completion, snippets, code refactoring, and embedded Git.

Why VS Code? 🧐

Microsoft Visual Studio is a premium and most dominant IDE for programming which is profoundly prevalent among engineers.

It contains a plethora of different kinds of tools and features which makes testing and compatibility even easier.

Visual Studio Code is potentially the best JavaScript ide for Windows, Mac, and Linux. Nowadays, VS Code is one of the most popular ides used by developers.

Top VS Code Extensions, you must have 🤩

Better Comments
The Better Comments extension will help you create more human-friendly comments in your code. If you're the one who loves watching different colored comments, then check it out.
Bracket Pair Colorizer
This extension allows matching brackets to be identified with colors. The user can define which characters to match, and which colors to use.
Debugger for Chrome
A VS Code extension to debug your JavaScript code in the Google Chrome browser, or other targets that support the Chrome DevTools Protocol.
ES7 React/Redux/GraphQL/React-Native snippets
This extension will provide you JavaScript and React/Redux snippets in hand. So, no-more doubting your syntaxes. It will help you code quicker and in a more efficient manner. Also, it will save a lot of time while writing imports or react components (just for the sake of example).
ESLint
ESLint is a fantastic linter that picks up syntax errors for you to spot problems with your code before you run your code.
file-icons
It provides unique file icons to quickly identify file type in the IDE.
GitLens — Git supercharged
GitLens supercharges the Git capabilities built into Visual Studio Code. It helps you to visualize code authorship at a glance via Git blame annotations and code lens, seamlessly navigate and explore Git repositories, gain valuable insights via powerful comparison commands, and so much more.
Import Cost
This extension will display inline in the editor the size of the imported package. The extension utilizes webpack with babili-webpack-plugin in order to detect the imported size.
indent-rainbow
This extension colorizes the indentation in front of your text alternating four different colors on each step.
Live Server
Launch a local development server with live reload feature for static & dynamic pages.
Path Autocomplete
Provides path completion for visual studio code. I personally found this extension really helpful.
Prettier
Prettier is an opinionated code formatter. It enforces a consistent style by parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping code when necessary.

VS Code Theme I use 💜

Night Owl by Sarah Drasner
A VS Code theme for the night owls out there. Now introducing Light Owl theme for daytime usage. Decisions were based on meaningful contrast for reading comprehension and for optimal razzle-dazzle. ✨

These are the extensions that I make use of in my day to day work life. Woohoo! We did it! 🎉

Are you done setting up your VS Code? Obviously, isn't it 👀

Is there any other extension that you make use of while coding? Please let me know in the comments section.✍️

Thanks, for reading it till the end. 🙏

Twitter | LinkedIn | GitHub

JavaScript console API

Darsh Shah — Sun, 22 Nov 2020 11:20:49 +0000

Are you someone who uses console.log to debug most of your code?🤔

If you said yes, you're in the right spot. By the end of this article, you would have heard about a variety of different console methods that you can use to make debugging the code a little simpler.🤯

Each developer (probably 😜) uses various console methods for logging or debugging their code. Whether or not you are using console methods, this article will help you understand the JavaScript console API. Make sure you read it right to the finish. 👀

🛠 Console Object in JavaScript

The console object in JavaScript offers access to the browser debugging console. It is primarily used to debug the code or log something out of the console.

Working can differ from browser to browser, but there is a de facto collection of features that are usually offered.

⚙️ Web Console

It's a tool which is been used to log information associated with the web page you've been working with. It also allows us to communicate with the web page by executing the JavaScript expression in the contents of the page.

📌 NOTE: We'll use the Chrome DevTools Console for this article. Check MDN web docs, if you want to know more about Browser Compatibility.

🧐 Different methods associated with Console Object

console.assert(): It will log an error message to the console if the Assertion is false. If the Assertion is valid, nothing will happen.

Syntax

console.assert(assertion, obj1 [, obj2, ..., objN]);

Example

console.assert(1 === 2, {errorMessage: "Values are not same."});

Output

Assertion can be any boolean expression.

console.clear(): This method is used to clear the console. The console will be cleared, in the case of Chrome a simple overlayed text will be printed like: Console was cleared while in firefox no message is returned.

Syntax

console.clear();

console.count(): Log the number of times this line has been called with the given label.

Syntax

console.count([label]); // You can pass any label or else it will take it as default.

Example

console.count(); // it will be counted as default
function greet(msg) {
      console.count(msg);
      return msg
}
greet('hi');
greet('hello');
console.count('hello');

Output

In short, console.count() will count the number of times this statement will be called with the label that is been passed.

console.error(): Used for logging console error messages. Useful for debugging the code. The error message will be highlighted with a red color by default.

Syntax

console.error(message);

Example

console.error('LOL: You really screwed up this time.😂')

Output

console.group() and console.groupEnd(): These methods allow us to group different console statements in a separate block, which will be indented.

Syntax

console.group([label]);
console.groupEnd();

Example

console.group('The outter level'); 
console.warn('warning!'); 
console.error('error occured'); 
console.log('This is the end for this scope.'); 
console.groupEnd(); 
console.log('new section');

Output

console.log(): This method is used to log the output to the console. We can put any type inside the log(), be it a string, array, object, boolean, etc.

Syntax

console.log(param);

Example

console.log("hello", [1,2,3], { firstName: "Darsh", lastName: "Shah" }, true);

Output

console.table(): This method allows us to generate a table inside a console. The input must be an array or an object which will be shown as a table.

Syntax

console.table(data); // data must be of type array or object.

Example

const first = ["hi", "hello"];
const second = { firstName: "Darsh", lastName: "Shah" };
console.table(first);
console.table(second);

Output

console.time() and console.timeEnd(): Whenever we want to know the amount of time spent by a specific block of code, we can use the time() and timeEnd() methods given by the javascript console object. They take a label that must be the same and the code inside may be anything (function, object, specific console, anything).

Syntax

console.time(label);
// Your code goes here.
console.timeEnd(label);

Example

console.time('execution'); 
let fun = function(){ 
    console.log('fun is running'); 
} 
let fun2 = function(){ 
    console.log('fun2 is running..'); 
} 
fun(); // calling fun(); 
fun2(); // calling fun2(); 
console.timeEnd('execution');

Output

console.trace(): This method outputs the stack trace to the Web Console.

Syntax

console.trace();

Example

function foo() {
      function bar() {
           console.trace();
      }
      bar();
}
foo();

Output

console.warn(): This method is used to log warning message to the console. By default, the warning message will be highlighted with yellow color.

Syntax

console.warn(msg);

Example

console.warn('This is a Warning!');

Output

Woo-Hoo! You did it! 🎊 Now, you'll be able to make use of all these various console methods, which will in turn simplify the debugging portion for your application.

Thanks, for reading it till the end. 🙏

Twitter | LinkedIn | GitHub

References:

How to Add Your Recently Published Articles to Your GitHub Profile README using GitHub Actions 🤖

Darsh Shah — Wed, 18 Nov 2020 19:00:00 +0000

Do you want to show off your articles on GitHub? 🤭

If you said YES, Then you're at the right place. By the end of this article, you'll have your latest articles listed on your GitHub Profile README.

📌 TL;DR - Before we begin, You must have your GitHub account and make sure you've created your GitHub profile. If not, you can check this article by Monica Powell.

🏃🏼Let's Begin!!!

💡 If you're new to GitHub Actions, go check out the official documentation.

We'll be using blog-post-workflow GitHub Action by Gautam krishna R.

🤔 How to use this GitHub Action?

Visit your GitHub Profile README repository

https://github.com/{USER-NAME}/{USER-NAME}

You'll need to add the following section to your README.md file

# 📩 Latest Blog Posts // You can name it whatever you want.
<!-- BLOG-POST-LIST:START -->
<!-- BLOG-POST-LIST:END -->

Now, create a folder .github in the root directory & within that directory create another folder named workflows. Now, inside the workflows directory create a new YAML file blog-post-workflow.yml. This is how your folder structure should look like:

.github 
   └───workflows
            blog-post-workflow.yml

Add the following content in the blog-post-workflow.yml file

name: Latest blog post workflow
on:
    schedule: # Run workflow automatically
      # This will make it run every hour
      - cron: '0 * * * *' 
     # Run workflow manually (without waiting for the cron to be called), through the Github Actions Workflow page directly
    workflow_dispatch: 
jobs:
    update-readme-with-blog:
      name: Update this repo's README with latest blog posts
      runs-on: ubuntu-latest
      steps:
        - uses: actions/checkout@v2
        - uses: gautamkrishnar/blog-post-workflow@master
          with:
            # Replace this URL with your rss feed URL/s
            feed_list: "https://iamdarshshah.hashnode.dev/rss.xml"

Commit your code and wait for your actions to run automatically or here are the steps to trigger it manually:

Click on Actions:
Now, Click on Latest blog post workflow:
Then, click on Run workflow to trigger the GitHub Action:

NOTE: You can add any popular blogging platform's RSS feed URL. (List of Platforms)

This is it! We did it. 🎉

Now, you can check your GitHub Profile README that lists your latest published articles. 🎊

👀This is How it should look

⚙️ If you want to customize your GitHub Action, then have a look at all available options you can provide custom values to.

Thanks, for reading it till the end. 🙏

Hope you find it useful! Let me know your thoughts on this in the comments section. Don't forget to share this article with your friends or colleagues. Feel free to connect with me on any of the platforms below! 🚀

Twitter | LinkedIn | GitHub

References:

GitHub Action - https://github.com/gautamkrishnar/blog-post-workflow
Image Source - https://unsplash.com/photos/RLw-UC03Gwc

Start Documenting your Journey ✍️

Darsh Shah — Sun, 15 Nov 2020 19:04:54 +0000

During these tough times, We're dealing with a lot of things in our daily lifestyle & it's really important to document our progress. But the question would arise here is Do We Really Need to Keep Track of our daily progress?, Why should we keep track of it? & What's the benefit of it?. 🙄

TL;DR This article is for those who want to be successful in their life but they don't know where to start and how to continue developing themselves on the right path.

🤔 What do you mean by Documenting your Journey?

Many of us have made good progress in our career by this time and it's difficult to remember every single detail of it. You must keep track of every single detail of what you have done, what you're doing & what you'll be doing, irrespective of whether you succeed or not (as everything you do will teach you a lesson).

💡 Ways to start documenting your journey

Keep a diary with you and start writing about your journey
Start Blogging about your journey (It'll help you keep track of your journey)
Buy a domain and simply develop your website for keeping track of your blogs.
Linkedin - You've to keep your profile up to date with your achievements, experiences, rewards, skills & so on.

There're many platforms you can publish your blogs on such as Hashnode, Dev.to, Medium or it can even be your website.

💪 Just get out of your comfort zone & start writing!! STOP making Excuses

🤯 What's the easiest thing You should blog about?

Are you, someone struggling with finding the right topic to blog on? If you said Yes, then this section will be an answer to this particular question and after this, you'll be confident enough to find the right topic & be consistent with your writings.

In this section, I'll introduce you to something which is pretty straight forward and all of us know about it very well, but then too we're facing difficulties in finding the right topic to blog on!!!

That thing is...

YOUR DAILY UPDATES.

Yes, You read it correctly!

This is the simplest thing you can write on daily basis. Yes, this is what you can start with and it will eventually lead you to document your journey. 😄

I know, what you're thinking about. You already knew this, right? Then what's something that keeps you away from documenting your daily progress? (Just Ask Yourself!) 🧐

🤓 Let's talk about the benefits of Documenting your Journey

This'll help you to keep track of every single thing you did till now.
This'll gonna help someone in finding the right path after reading about your journey if they are struggling with some problem you had once.
Gradually, you will be good at your writing and reading skills (This is one of the reasons why I've started writing)
It'll gonna help you in your bad times to boost your confidence and to remind you about Who you're & what you can achieve.

⛳️ Conclusion

Doesn't matter what profession you possess, but if you want to be successful then start with documenting your journey.

I know, you're afraid to start documenting your journey because you might be thinking about whether it'll be interesting or valuable enough for readers. But the key here is to start writing. It might be valuable for some people and might not for others. The only thing that matters is You being consistent while Documenting your Journey.

Now, It's your time to start writing about your journey and share it with the community. You never know what might help someone. 🤝

Just a reminder, You're awesome! You're doing great! Keep working hard and start writing about anything that comes to your mind. 🙌

Thanks, for reading it till the end. 🙏

Let me know your thoughts on this in the comments section. If you think this is helpful, do share it with your friends and colleagues. Feel free to connect with me on any of the platforms below! 🚀

Twitter, LinkedIn & GitHub.

References

Image source: https://unsplash.com/photos/mEsK3u2ZpOE

Object.freeze() in JavaScript

Darsh Shah — Thu, 12 Nov 2020 19:37:37 +0000

Many of us have the same doubts regarding "How Object.freeze() method works in JavaScript?" 🤔

Isn't it? 🙄

A couple of days back, I received a Developer Newsletter email from Auth0 & got to know about the November Coding Challenge (will share the challenge later in this blog) they have rolled out. That challenge has to do with Object.freeze() and I faced the same question at that time and thought of writing a blog on that. ✍️

So, here it is! 🎉

Before we try that Coding Challenge, Let's first understand Object.freeze() method's working. ⚙️

Object.freeze() Method

The Object.freeze() method freezes an object. By freezing I mean, that object can no longer be mutated i.e., freezing an object will prevent the addition of new property, deletion of any property, or altering the existing property.

You would have gained a basic understanding of what Object.freeze() method will do. But, don't panic if you didn't get any idea yet. Will walk you through the working of the method with an example.

Syntax:

Object.freeze(obj) // `obj` is the object which has to be freezed.

Example - 1:

const fullName = {
   firstName: 'Test',
   lastName: 'User'
};

const newFullName = Object.freeze(fullName);
newFullName.firstName = 'Testing';

console.log(newFullName.firstName); // Output: Test

In the above example code, the object newFullName has been assigned property from an object fullName, and the properties of fullName object are frozen. Therefore, new property and values are prevented from being added to the newFullName object and fullName object is immutable.

Example - 2:

Let's see what's the effect of Object.freeze() method on an object with the property being the object/array itself.

const course = {
    name: 'Intro to ReactJS',
    author: 'Kect C Doods',
    info: {
        duration: '3 hours',
        platform: 'Youtube'
    }
};

Object.freeze(course);

course.name = 'Intro to Next.js';
course.info.duration = '1.5 hours';

console.log(course.name); // Output: Intro to ReactJS
console.log(course.info.duration); // Output: 1.5 hours

Object.freeze() method only applies to the immediate properties of an object. This means it will prevent values addition/deletion/reassignment operations only on immediate object properties (name & author in this case).

But, if the value of those properties are objects or arrays themselves, then those objects or arrays won't be frozen and they are still mutable (info in this case).

Explanation: As the immediate property name will be frozen and its value will not change. But, info property is an object, and as Object.freeze() performs shallow freeze the output we are getting is the updated value as the child object will not be frozen with this method call.

Note: Similar functionality of Object.freeze() method can be seen if the object's property is an array itself.

What was the November Coding Challenge? 🧐

Now that you know how Object.freeze() works, I would like you to give this challenge a try.

Let me know what will be the output of the following code snippet in the comments section.

💡 Key Points:

Object.freeze() method is used to freeze objects & arrays.

Object.freeze() method is used to make an object immutable.

Object.freeze() method will perform Shallow Freeze.

If you find it useful, do share it on your socials and let me know your question/thoughts in the comment section, and don't forget to try the November Coding challenge. 😛

Woohoo! 🎊 You made it till the end. Thanks 🤝

References:

Graduation Day 🎓

Darsh Shah — Wed, 20 May 2020 14:27:05 +0000

What is it? 🤔

An online graduation ceremony to celebrate graduates of the class of 2020. Join us in walking the stage with your global community. We'll be hearing from special guests, giving out exclusive swag, and highlighting student stories and projects from around the world.

Join the celebration 🎉

Add yourself to the Yearbook by visiting the graduation repository on GitHub. Follow the instructions in the README.md file to submit a valid pull request. After your request is approved, you will be added to the Yearbook, get highlighted on the stream, and get some exclusive swag — all from the comfort of your home.

Graduation Day 🎓

Don't forget to watch the Livestream!

📆 Monday, June 15th, 2020
⏰ 9:00 PDT | 21:30 IST
📍 GitHub Education Twitch Channel

Steps to enter the Global Celebration 👋

Step-1: Visit the Repo. https://github.com/education/graduation

Step-2: Fork the repository

Step-3: Clone the repository you just forked by doing

git clone https://github.com/{YOUR_GITHUB_USER_NAME}/graduation.git

Step-4: cd graduation/_data

Step-5: create a new folder and name it with your GitHub username. It should look something like this _data/<YOUR-USERNAME>/

ex: _data/iamdarshshah/

Step-6: Enter the folder you just created and add a profile picture of your choice. Accepted files are png and jpg, should be squared and minimum size 544x544 pixels.

ex: _data/iamdarshshah/iamdarshshah.png

(P.S: Be aware, this picture will be displayed on the yearbook!)

Step-7: Create a markdown file in your folder following the convention {YOUR_USERNAME}.md.

ex: _data/iamdarshshah/iamdarshshah.md

Step-8: Add your details inside this markdown file. Here is the boilerplate data :

---
name: FULLNAME-OR-NICKNAME # No longer than 18 characters
institution: INSTITUTION-NAME 🚩 # no longer than 58 characters
profile_pic: iamdarshshah.png # Name and extension of your profile picture(ex. iamdarshshah.png)
quote: YOUR-SENIOR-QUOTE # no longer than 100 characters
github_user: YOUR-GITHUB-USERNAME
---

Step-9: Follow the steps to Create a Pull Request:

-- git add .

-- git commit -m '{COMMIT_MESSAGE}'

-- git push origin master

Navigate to your Github Repo. you will have an option to create a pull request

Step-10: Fill the form and submit your Pull Request.

Thanks to GitHub Education, Dev Community, and the team for organizing the event and for making our graduation memorable. Be part of this global graduation celebration.❤️

(P.S Don't forget to share this with your friends graduating this year and with your tech community.)🤩

You can find the event Schedule here.🚀

COVID 19 Detection by X-Ray

Darsh Shah — Wed, 20 May 2020 06:42:26 +0000

#githubsdp

Team CommBot

This project is intended for the hackathon purpose only. [dataset source: https://github.com/ieee8023/covid-chestxray-dataset]

Demo Link

https://darshshah.me/hackon-2020/

How we built it

We are intended to develop a system that gives output that patient is infected with COVID 19 or not, Our system has two modules. In the first module, the system does scan the X-Ray of a patient with the help of our own designed AI system and gives results with classification. We are taking more than 200 hundred of X-ray with multiple types of classification and made a system which is developed on AI and after processing, we are getting the output.

This system can help many doctors and our society to fight against corona. This system gives the next level testing phase for the patient check-in this time so we can do diagnose the patient as soon as possible and save more people.

Challenges we ran into

Making Ai Model from a very fewer data set, with the help of Google Cloud Platform we build it and solve it.

Technologies we used

ReactJS, Python, Computer Vision, Deep Learning and Google Cloud Platform(GCP).

DEV Community: Darsh Shah

Top Project Management Tools For Developers🛠

Top Project Management Tools For Developers 🤩

Optional Chaining in JavaScript

What is Optional Chaining(?.) in JavaScript? 🤔

Syntax

Top Chrome Extensions Every Developer Should Use 🛠

Why to make use of Google Chrome & its Extensions?

Top Google Chrome Extensions, you must have 🤩

Top VS Code Extensions Every Developer Should Use 🛠

What is VS Code? 🤯

Why VS Code? 🧐

Top VS Code Extensions, you must have 🤩

VS Code Theme I use 💜

JavaScript console API

🛠 Console Object in JavaScript

⚙️ Web Console

🧐 Different methods associated with Console Object

Syntax

Example

Output

Syntax

Syntax

Example

Output

Syntax

Example

Output

Syntax

Example

Output

Syntax

Example

Output

Syntax

Example

Output

Syntax

Example

Output

Syntax

Example

Output

Syntax

Example

Output

References:

How to Add Your Recently Published Articles to Your GitHub Profile README using GitHub Actions 🤖

🏃🏼Let's Begin!!!

🤔 How to use this GitHub Action?

👀This is How it should look

References:

Start Documenting your Journey ✍️

🤔 What do you mean by Documenting your Journey?

💡 Ways to start documenting your journey

🤯 What's the easiest thing You should blog about?

🤓 Let's talk about the benefits of Documenting your Journey

⛳️ Conclusion

References

Object.freeze() in JavaScript

Object.freeze() Method

Syntax:

Example - 1:

Example - 2:

References:

Graduation Day 🎓

What is it? 🤔

Join the celebration 🎉

Graduation Day 🎓

Steps to enter the Global Celebration 👋

You can find the event Schedule here.🚀

COVID 19 Detection by X-Ray

Team CommBot

Demo Link

How we built it

Challenges we ran into

Technologies we used

What is Optional Chaining(`?.`) in JavaScript? 🤔