DEV Community: Neha Soni

IAM Identities: Users, User Groups and IAM Roles

Neha Soni — Mon, 30 Aug 2021 12:25:27 +0000

Amazon Web Services(AWS) is a secure cloud services platform that offers a broad set of cloud-based products. It provides high-level security to data at a low cost to its users. There are many types of security services in AWS but Identity and Access Management(IAM) is one of the most widely used. So in this blog post, we will learn about IAM and also learn how to create IAM users, groups, and roles.

🤔What is IAM?

IAM stands for Identity and Access Management. It enables you to manage access to AWS services and resources in a very secure manner. It is used to set users, permissions, and roles. With the help of the IAM service, an organization can create multiple users, each with its own credentials and the user is only able to access the services that are assigned to him/her. IAM is a feature of your AWS account offered at no additional charge.

🤔Why do we need IAM?

By default, the root account user has access to all resources for all AWS services.

⏩ Now what is a root user or account, how it is different from IAM users?
A root account is an account through which you have signed up providing your card and billing details. IAM user accounts are user accounts that you can create for individual services offered by AWS.

Assume that you are the head of an organization and there is a team of 10 persons in your organization that work on some projects and deploying them in AWS.
You obviously don't want to give your root account credentials to your developers or DevOps and ask them to deploy apps. So, the main purpose of IAM is to manage AWS user identities. IAM is used to control who is authentication(signed in) and authorized(has permission) to use resources and services.

🤔 IAM Identities

An IAM identity represents a user, user groups and roles, and can be authenticated and then authorized to perform actions in AWS. IAM identity can be associated with one or more policies.
🧐Policies is an object that, when associated with a user or user groups or roles, defines their permissions.

🧐 IAM Users

AWS IAM User is an entity that you create in the AWS account to represent the person that uses it to interact with AWS. It allows the account holder (user) to execute certain tasks in AWS. A user is made up of a name, password for the AWS Management Console and access keys to use with the API or CLI.

🧐 IAM User groups

The User group is a collection of IAM users. It let you to assign permissions for multiple users, which can make it easier to manage the permissions for those users. So, the users that require the same permissions can be grouped together. A user group can contain many users, and these users can also belong to multiple user groups. Changes made to a group are reflected to all users within that group.

🧐 IAM Roles

"An IAM role is an IAM identity that you can create in your account that has specific permissions." It is not uniquely associated with a single person; it can be used by anyone who needs it. A role does not have any security credential l, i.e., username password or security key. It can be used to grant access to the AWS resources, services IAM users, third parties, federated Users etc.

🤔How to create an IAM user?

You can create one or more IAM users in your AWS account. Follow these simple steps to create an IAM user:
Step 1:- Open your favorite browser and navigate to AWS Login Page

Then enter in your password and click submit. You have now successfully signed in to the AWS Management Console.

Step 2:- In the search bar type IAM and click on IAM(Manage access to AWS resources) to navigate to IAM Dashboard.

Step 3:- On the left side of the page, you should see an option called Users.

Click on that option, and you will be taken to the Users Page.
Step 4:- Click on Add user button to create a user.

Step 5:- Enter a username that can be used to log in later.

Access type
When creating a user, you must choose between the following access types:
a.) Programmatic access: If the IAM user needs to make API calls, use the AWS CLI or the Tools for Windows PowerShell then choose Programmatic access.
b.) AWS Management Console access: If the user needs to access the AWS Management Console, create a password for the use.
For now I will go with the second option i.e., AWS Management Console access
Console Password
For Console password, choose one of the following:
Autogenerated password:- Each user will get the autogenerated password that meets the account password policy.
Custom password:- Each user will get the password you type in the textbox. Make sure your password meets the password policy.
Require password reset:- By using this option users are forced to change their password the first time they sign in. It is not mandatory to use this option but recommended one for best practices.

After completing all the required steps click on the Next: Permissions button.

Step 6:- Now you need to set permissions for your users. Choose one of the following three options:
a.) Add user to the group:- If you have created any group and you want to add your user to the specific group you can choose this option. You can select one or more existing groups.
If you don't know how to create the group don't worry I will discuss it later.
b.) Copy permissions from existing user:- Choose this option to copy all the existing permissions boundaries and policies from an existing user to the new user.
c.) Attach existing policies directly:- AWS has a list of a large number of policies. Select the policies that you want to attach to the new users. You can also create your own custom policy.
Click here to know how to create custom policies

For now, I am going to use the third option i.e Attach existing policies directly.
After setting the permissions click on the Next: Tags button.

Step 7:- Tags come in handy when we need to find a certain person in a huge group. This is a totally optional step you can skip it if you want.

Now, Click on the Next: Review button.

Step 8:- On this page you will see all of the choices you made up to this point.
After reviewing all the options click on the Create User button.

Congratulations you have created an IAM user. To save the access keys, choose Download .csv and then save the file to a safe location.

How to Login as an IAM user?

Step 1:- Copy the link and use it to login in an incognito mode as an IAM User.

Step 2:- Enter the username and password and click sign in.
And you can see that you can access EC2 as you've provided the permission while creating that user.

🤔IAM User Groups

We've discussed what is an IAM User and how to create an IAM User. Let's learn how to create IAM user groups and how to add users to groups.
Step 1:- Open your favorite browser and navigate to AWS Login Page

Then enter in your password and click submit. You have now successfully signed in to the AWS Management Console.

Step 2:- In the search bar type IAM and click on IAM(Manage access to AWS resources) to navigate to IAM Dashboard.

Step 3:- On the left side of the page, you should see an option called Users groups.

Click on that option, and you will be taken to the Users groups Page

Step 4:- Click on Create group button to create a new group.

Step 5:-
⚫ Provide a Group name
⚫ Select the Users who needed to be a part of the group.
⚫ Provide any permissions from existing policies

Scroll down and click on Create group button.

Congratulations you have created an IAM User group🤩🤩

🤔How to create IAM roles for a service?

Step 1:- Sign in to AWS Management Console. In the search bar type IAM and click on IAM(Manage access to AWS resources) to navigate to IAM Dashboard.

Step 2:- On the left side of the page, you should see an option called Users groups.

Step 3:-Click on Create role button to create a new role.

Step 4:- Choose the AWS service that you want to use with the role.

Step 5:- Provide any permissions from existing policies or you can also attach custom policies.

After attaching policies click on the Next: Tags button.
Step 6:- Add tags if you want and click on Next:Review button.

Step 8:- In a role name box, enter the role name. After completing all the required steps click on Create role button.

Congratulations you have created an IAM role🤩🤩.

Now how to attach it to any AWS service🤔😬

Let's attach it to AWS EC2 instance:-

Step 1:- First create an AWS EC2 instance.
If you don't know how to create an EC2 instance, I recommend you to checkout this article once -> How to create an AWS EC2 instance?

Select the “EC2 Instance” as we did by selecting our “Testing Instance“,
Step 2:- Click on “Actions” button and from the “drop-down menu” go to the “Security” again a new menu will be shown, from there look for “Modify IAM Role“, and select it.

Step 3:- Select the IAM role from the drop-down options and then hit Save button.

To confirm the IAM role attachment, select you EC2 instance and check the security tab, you will see the IAM role has been successfully attached.

That's it!

Congrats🥳🥳🥳

I hope you learned a lot from it and if you love my work do one favor- Please do Like♥,share and comment🙈🙈
Let me know in the comment section if you have any doubts.

Resources

Thanks for reading 🥰

I would ❤ to connect with you at Twitter | LinkedIn | GitHub

🙌 Support

See you in my next Blog article, Take care!!
Happy Learning😃😃

Create an amazing Image Search App using Pexels API

Neha Soni — Sun, 15 Aug 2021 04:08:52 +0000

Hello Readers, Hope you all are doing well🤩

In this blog post, you will learn how to build an amazing Image Search App using HTML, CSS, JavaScript, and API. So, let's get started ✌

Table of Content

- Setting up Pexels API
- Build an app

Setting Up Pexels API

To set up Pexels API for your app, let's first create an account on pexels.

Step 1:- Open your favorite browser and navigate to pexels.com

Step 2:- After creating an account go to your profile logo on the right side and click on dropdown. Here, click on Image & Video API.

Step 3:- Click on Your API Key.

Step 4:- Now accept all terms, and give little information about your app to generate an API key.

After this step pexels will confirm your identity by sending an email to you. So confirm all the details.

Step 5:- After all the verification you will be redirected to your app and you will get your API key 🔑.

Ok, now you have an API key so lets start coding our app.

Time to Code!!

Our Image Search App project contains three parts: HTML, CSS, and JavaScript. So first you need to create three files, the first one is HTML File(index.html), the second one is CSS file(style.css) and the third one is JS file(index.js).

HTML Part

Open your index.html file and type the following code inside it.

<!DOCTYPE html>
<html>
    <head>
        <!--META information-->
        <meta charset="UTF-8">
        <meta name="description" content="Image Search App">
        <meta name="keywords" content="HTML,CSS,JavaScript, images, API">
        <meta name="author" content="Neha Soni">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <!--End of META information-->
        <title>Image Search App</title>
        <!--LINK CUSTOM CSS FILE-->
        <link rel="stylesheet" href="./style.css"> 
    </head>
    <body>
        <h1>Image Search Gallery </h1>
        <div class="container">
            <!--Input box to take input from User-->
            <input type="text" class="input" placeholder="Search for Images🔎"/>
            <button class="search_btn">Search</button>
            <!--Images to be displayed here-->
            <div class="display_images"></div>
            <!--Button to load more images-->
            <button class="showmore">Show More</button>
        </div>
        <!--LINK CUSTOM JS FILE-->
        <script src="./index.js"></script>
    </body>
</html>

JavaScript Part

Now here comes the main part of our image search app. In this file, we will fetch the data from the API. Since fetching the data from API is an asynchronous process so we will use the async function to fetch the data. If you don't know how to use async/await I recommend you to go through How To Use Async/Await in JavaScript(article by Catalin Pit )

Let's discuss everything step by step:-

Step 1:- Store all the selectors you are going to use throughout this app.

const apikey="563492ad6f917000010000019b983f3b62fe43daa92e746d4553dd35";
const input=document.querySelector("input");
const search_btn=document.querySelector(".search_btn");
const showmore_btn=document.querySelector(".showmore");

let page_num=1;
let search_text="";
let search=false;

Step 2:- Add the event listener to the input textbox to store the value of the text you want to search.

input.addEventListener("input",(event)=>{
    event.preventDefault();
    search_text=event.target.value;
})

Step 3:- Create a function CuratedPhotos() to display the default images when you load the page for the first time and we are going to pass the parameter page_num in the function.

async function CuratedPhotos(page_num){
//code to be executed
}

Step 4:-

In this function, we are going to use the following endpoint. https://api.pexels.com/v1/curated This endpoint enables you to receive real-time photos curated by the Pexels team.
When we fetch the data from API by using the fetch() method it returns a promise, to handle this promise we use await keyword. Whenever the promise gets resolved we will save the data in the response variable.
After that, we will call our display_images() method to display the images on the page.

async function CuratedPhotos(page_num){
    // fetch the data from api
    const data=await fetch(`https://api.pexels.com/v1/curated?page=${page_num}`, 
    {
        method: "GET",
        headers: {
            Accept: "application/json",
            Authorization: apikey,     //use the apikey you have generated
        },
    });
    const response=await data.json();   //convert the response to json 
    console.log(response);

    display_images(response);   // call the display_images method to display the images on page
}

Step 5:- Now let's create our display_images() method to display all the images we have fetched from API.

In this function, we will use forEach loop to iterate on each item of an array.
We will create a div element and in this div we define the image.
After that append this div in main display_images div.

function display_images(response){
    //use forEach loop to iterate on each item
    response.photos.forEach((image) => {
        const photo=document.createElement("div");
        photo.innerHTML=`<img src=${image.src.large}>
        <figcaption> Photo By: ${image.photographer}📸</figcaption>`;
        document.querySelector(".display_images").appendChild(photo);
    });
}

Step 6:- Let's add an event listener to our search button, to search the images according to user input.

Show the alert if the user doesn't input any text in a textbox.
cleargallery() method is used to clear the curated photos.
Call the SearchPhotos() function to search images related to input(we will work on this method in next step)

search_btn.addEventListener("click",()=>{
    if(input.value==="")
    {
        alert("Please enter the some text")
        return;
    }
    cleargallery();
    search=true;
    SearchPhotos(search_text,page_num);
})

Step 7:- Now let's work on SearchPhotos() method according to the input text.

First create a method SearchPhotos() method with two parameters, one is query(topic on which you want to search images) and page_num.
In this method, we are going to use https://api.pexels.com/v1/search API. This endpoint enables you to search Pexels for any topic that you would like.
After fetching the data, we will call our display_images() method to display the images on the page.

async function SearchPhotos(query, page_num){
    const data=await fetch(`https://api.pexels.com/v1/search?query=${query}&page=${page_num}`, 
    {
        method: "GET",
        headers: {
            Accept: "application/json",
            Authorization: apikey,
        },
    });
    const response=await data.json();
    console.log(response);

    display_images(response);
}

Step 8:- cleargallery() method:

Just remove all the images from main div and re-initialize page_num to 1.

function cleargallery(){
    document.querySelector(".display_images").innerHTML="";
    page_num=1;
}

Okay, one more step to complete the app🥱.

Step 9:- Add event listener to show more button. The purpose of this button is that when you click on it more images get load on the page.

If we are not searching for any specific thing(the load more curated photos) we will increment the page_num by one.
Else, call the SearchPhotos() method.

showmore_btn.addEventListener("click", () => {
    if(!search){  
        page_num++;
        CuratedPhotos(page_num);
    }
    else{
        if(search_text.value==="")
        return;
        page_num++;
        SearchPhotos(search_text,page_num);
    }
})

In last, call the CuratedPhotos() function to start function at exact reloading of the page.

CuratedPhotos(page_num);

Complete javascript code

index.js

const apikey="563492ad6f917000010000019b983f3b62fe43daa92e746d4553dd35"; //use the apikey you have generated
const input=document.querySelector("input");
const search_btn=document.querySelector(".search_btn");
const showmore_btn=document.querySelector(".showmore");

let page_num=1;
let search_text="";
let search=false;

input.addEventListener("input",(event)=>{
    event.preventDefault();
    search_text=event.target.value;
})

search_btn.addEventListener("click",()=>{
    if(input.value==="")
    {
        alert("Please enter the some text")
        return;
    }
    cleargallery();
    search=true;
    SearchPhotos(search_text,page_num);
})

function cleargallery(){
    document.querySelector(".display_images").innerHTML="";
    page_num=1;
}

async function CuratedPhotos(page_num){
    // fetch the data from api
    const data=await fetch(`https://api.pexels.com/v1/curated?page=${page_num}`, 
    {
        method: "GET",
        headers: {
            Accept: "application/json",
            Authorization: apikey,         //use the apikey you have generated
        },
    });
    const response=await data.json();     //convert the response to json 
    console.log(response);

    display_images(response);            // call the display_images method to display the images on page
}

function display_images(response){
    //use forEach loop to iterate on each item
    response.photos.forEach((image) => {
        const photo=document.createElement("div");
        photo.innerHTML=`<img src=${image.src.large}>
        <figcaption> Photo By: ${image.photographer}📸</figcaption>`;
        document.querySelector(".display_images").appendChild(photo);
    });
}

async function SearchPhotos(query, page_num){
    const data=await fetch(`https://api.pexels.com/v1/search?query=${query}&page=${page_num}`, 
    {
        method: "GET",
        headers: {
            Accept: "application/json",
            Authorization: apikey,
        },
    });
    const response=await data.json();
    console.log(response);

    display_images(response);
}

showmore_btn.addEventListener("click", () => {
    if(!search){  
        page_num++;
        CuratedPhotos(page_num);
    }
    else{
        if(search_text.value==="")
        return;
        page_num++;
        SearchPhotos(search_text,page_num);
    }
})

CuratedPhotos(page_num);

Now, our app is working we need to beautify it✨. So lets add some CSS to style our app 🎨.

CSS Part

style.css

* 
{
    margin: 0;
    padding: 0;
    font-family: "Poppins", sans-serif;
}

h1{
    text-align: center;
    padding: 10px;
}
.container 
{
    border-radius: 5px;
    margin: 5px;
    padding: 15px;
    box-shadow: 0 10px 40px -10px rgb(0 64 128 / 10%);
    border: 1px solid #eee;

}
input 
{
    padding: 10px;
    border: 1px solid #ddd;
    background: #f9fafc;
    width: 40%;
    font-size: 25px;
    margin-left: 25%;

}
.display_images{
    width: 80%;
    margin: 100px auto;
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(300px,1fr));
    grid-gap:30px;
}
.display_images img 
{
    width: 90%;
    border-radius: 5px;
    height: 240px;
    cursor: pointer;
}
figcaption
{
    font-weight: bold;
    font-size: 15px;
}
button{
    background-color: #4CAF50;
    color: white;
    font-size: 1.5rem;
    padding: 10px;
    cursor: pointer;
}
.showmore{
    margin: 0 auto;
  display: block;
}

You have now finished working on our app👏.

I have also deployed the app, Here goes the live demo 🚀

Live Demo:- https://nehasoni05.github.io/Image-Search-App-using-Pexels-API/
Source Code:- https://github.com/nehasoni05/Image-Search-App-using-Pexels-API

I hope you learned to use Pexels API and created an image search app.

If you enjoyed learning and find it useful please do like and share so that, it reaches others as well 🤝

Thanks for reading 😃

I would ❤ to connect with you at Twitter | LinkedIn | GitHub

Let me know in the comment section if you have any doubt or feedback.

🙌 Support

See you in my next Blog article, Take care!!

Happy Learning😃😃

Power of console.table() in JavaScript💪🏻😎

Neha Soni — Thu, 05 Aug 2021 12:16:09 +0000

**Debugging is the skill that all developers should have in their toolbox🧰**

No doubt console.log() is a super useful, quick, and simple debug method. Many of us probably use console.log() to debug our javascript code and there is nothing wrong with this. Many developers use this to debug their code. But today I am going to share a tip that helps you debug your javascript code more efficiently.

***console.table()***

So, what is console.table()🤯❓

console.table() allows you to print out arrays and objects to the console in tabular form. The tabular representation of data works like a charm which means you will get greater insight into your data and you can just debug your code faster. You can also sort columns quickly.

Syntax🤓



console.table(data,columns); 
//or
console.table(data);

• data:- The data to fill the table with. It must be either an array or an object.
• columns:- array containing the names of the columns to be included in the table.

How to implement console.table()🤔❓

console.table can be implemented in the following ways:

a.) Array

If the value of data argument is an array then the index column will be incremented by one, with the starting value being 0.



var fruits=["apple","mango","grapes"];

console.table(fruits);

Output🤩:-

If you want to sort the column click on the header of that column.

b.) Array of arrays

When we print an array of arrays then the column names will be incremented in the same way as the index column values.



var teams=[["John","Jari"],["Claus","Andrew"],["Marti","Martha"]];

console.table(teams);

Output🤩:-

c.) Object

If the value of the data argument is an object then the index column represents the keys and the value column represents the value corresponding to that particular key.



var user={

     name:"neha",

     age:20,

     gender:"female",

}

console.table(user);

Output🤩:-

d.) Array of Objects

If the value of the data argument is an array of objects then their properties are enumerated in the row, one per column.



var users = [

    {

        name: "john",

        age: 40

    },

    {

        name: "amit",

        age: 35

    },

    {

        name: "neha",

        age: 20

    }

];

console.table(users);

Output🤩:-

e.) Nested Objects

If the value of the data argument is nested objects i.e an object whose properties are themselves objects. In this case, the console.table() method labels the index appropriately with the nested object properties.



var employees = {

    leader: {

        firstname: "Andrew",

        lastname: "Story",

        email: "andrew@gmail.com"

    },

    manager: {

        firstname: "Amit",

        lastname: "Bhatt",

        email: "amit@gmail.com"

    },

    developer: {

        firstname: "Param",

        lastname: "Dutta",

        email: "param@gmail.com"

    }

}

console.table(employees);

Output🤩:-

What if you have an Object that has 10+ properties😳🤯?

Obviously, if you have a very large object with lots of properties, this table can become very large and the data can be difficult to read.
But luckily, console.table allows us to pass an optional second argument that will specify the columns we want and only print those out.

Let's look at an example to get the exact idea:-



var employees = {

    leader: {

        id:"10001",

        firstname: "Andrew",

        lastname: "Story",

        email: "andrew@gmail.com"

    },

    manager: {


        id:"10002",

        firstname: "Amit",

        lastname: "Bhatt",

        email: "amit@gmail.com"

    },

    developer: {

        id:"10003",

        firstname: "Param",

        lastname: "Dutta",

        email: "param@gmail.com"

    }

}

console.table(employees,["id","firstname"]);

Output🤩

If you require only one column, this could be done like this:



console.table(employees,"id");

Output🤩

That's all for this blog post. If you enjoyed learning and find it useful please do like and share so that, it reaches others as well 🤝

Thanks for reading 😃

I would ❤ to connect with you at Twitter | LinkedIn | GitHub

You should definitely check out my other Blogs:

See you in my next Blog article, Take care!!

Happy Learning😃😃
!important;width: 217px !important;" >

The Curated List of Ultimate Java Resources 🧵

Neha Soni — Mon, 26 Jul 2021 05:48:03 +0000

Java is one of the best and most widely used programming language. The main reason for this is because it is safe, portable, maintainable, and comes with better high-level concurrency tools. If you are getting started with Java or a senior Java developer and looking for the best Java resources to learn then you have come to the right place. In this blog post, I am going to share the ultimate java resources.

Java documentation has all the information you need to make your project a smashing success. Refer to this link to navigate to Java Official Documentation.

1.) Java IDE

An integrated development environment (IDE) is software for building applications that combines common developer tools into a single graphical user interface. An IDE normally consists of at least a source code editor, build automation tools and a debugger.

Name	Download Link
Eclipse	Download Now
Apache NetBeans	Download Now
BlueJ	Download Now
IntelliJ IDEA	Download Now
Codeenvy	Download Now
JDeveloper	Download Now
JBoss Forge	Download Now
JCreator	Download Now
My Eclipse	Download Now

2.) Best Websites to Learn Java

Coursera (Paid Courses)
Codecademy
w3schools.com
Programiz
Tutorials Point
Udemy (Paid Courses)
Treehouse (Paid Courses)
Java Lessons (Paid Courses)
Geeks for Geeks
Studytonight
Java Beginners Tutorial
Progate
javatpoint
Oracle Java Tutorials
Sanfoundry
Java Examples(Great source of Java Coding Ques)

3.) Java Coding Practice Platforms

4.) YouTube Channels for Java Developers

5.) Best Courses to Learn Java

Course Name	Provider	Link
Java Programming for Complete Beginners	Udemy	Click Here
Java In-Depth: Become a Complete Java Engineer	Udemy	Click Here
Object Oriented Programming in Java	Coursera	Click Here
Java Programming Masterclass covering Java 11 & Java 17	Udemy	Click Here
Java Fundamentals	Pluralsight	Click Here
Data Structures and Algorithms: Deep Dive Using Java	Udemy	Click Here
Basics of Java with Data Structures and Algorithms	Coding Ninjas	Click Here

6.) Java Books

Book Name	Author	Link
Head First Java	Kathy Sierra & Bert Bates	Buy Now
Beginning Programming with Java For Dummies (5th Edition)	Barry Burd	Buy Now
Core Java Volume I – Fundamentals	Cay S. Horstmann	Buy Now
Java - The Complete Reference	Herbert Schildt	Buy Now
Head First Object-Oriented Analysis Design	Brett D. McLaughlin, Gary Pollice & David West	Buy Now
Java Generics and Collections	Maurice Naftalin, Philip Wadler	Buy Now
Java: Programming Basics for Absolute Beginners	Nathan Clark	Buy Now
Think Data Structures: Algorithms and Information Retrieval in Java	Allen B. Downey	Buy Now
Thinking in Java	Bruce Eckel	Buy Now
Cracking the Coding Interview	Gayle Laakmann McDowell	Buy Now
Effective Java	Joshua Bloch	Buy Now

7.) Java Frameworks for Web Development

Name	Resources
Spring	- Tutorials - Learn Spring Boot Tutorial - javatpoint - Spring Boot Tutorial - Full Course [2021] (Video Tutorial)
Hibernate	- Learn Hibernate Tutorial - javatpoint - Hibernate Tutorial - HowToDo InJava - Hibernate Tutorials : Java Code Geeks - 2021 - Hibernate Full Course - Simplilearn
JSF(Java Server Faces)	- JavaServer Faces (JSF) Tutorial - JSF 2.2 - Java Server Faces for Beginners - Build a DB App
Struts	- Struts Tutorial for Beginners - Struts Framework Tutorials - CodeJava.net
Play	- Play Framework Tutorials : Java Code Geeks - 2021 - Play Framework Tutorial
Spark	- Documentation - Spark Framework - Spark Java Tutorial (Video Tutorial)
Google Web Toolkit	- GWT: Tutorials - Learn GWT Tutorial - javatpoint
Codename One(Open source cross platform mobile development framework)	- Tutorials - Video Tutorials

8.) Java GitHub Repositories

9.) Java Project Ideas

Project Name	Source Code
Currency Convertor Mini Project	Click Here
Airline Ticket Reservation System	Click Here
OnlineBookStore Website Using Java	Click Here
Snake Game	Click Here
Online Examination System project	Click Here
Speech To Text Conversion using Java API	Click Here
Inventory Management System	Click Here
Hospital Management System	Click Here
URL Shortner	Click Here
Chatting Application	Click Here (Video Tutorial)
Creating an Online Quiz Application Using JSP Servlet	Click Here
Course Management System	Click Here
Simple Food Order System	Click Here
Tic-Tac-Toe Game	Click Here
Smart City Project	Click Here

10.) Best Hosting Platforms for Java Projects

11.) Blogging Platforms where you can read and get Updates about Java

Inspired by @ayushi7rawat 's blog post The Ultimate Python Resource hub

If you want me to add anything, feel free to post your suggestion in the comments box. If you enjoyed learning and find it useful please do like and share so that, it reaches others as well 🤝

Thanks for reading 😃

I would ❤ to connect with you at Twitter | LinkedIn | GitHub

You should definitely check out my other Blogs:

See you in my next Blog article, Take care!!

Happy Learning😃😃

Top 10 Useful GitHub Repos for Self-Development

Neha Soni — Sun, 18 Jul 2021 09:26:01 +0000

🌸𝑺𝒆𝒍𝒇 𝑳𝒆𝒂𝒓𝒏𝒊𝒏𝒈 𝒊𝒔 𝒕𝒉𝒆 𝒑𝒓𝒐𝒄𝒆𝒔𝒔 𝒐𝒇 𝒄𝒓𝒆𝒂𝒕𝒊𝒏𝒈 𝒀𝑶𝑼 𝒚𝒐𝒖𝒓𝒔𝒆𝒍𝒇🌸

The world of self-learning can be a little daunting. The nature of learning in a curious manner results in serendipitous discoveries (information and people) and takes you down paths you may never have been exposed to.

There are 190+ million repositories you’ll find on GitHub that make it the perfect place for any developer to become a better version of themselves. In this blog post, we will go through the ten most popular open-source repositories on GitHub that are useful to develop/improve skills.

1.) Project Based Learning

If you have a habit of learning new things by working on some cool side project then this repo is for you. The tutorials in this repository are divided into different programming languages and it is really a great source for those who want to learn to build an application from scratch.

Repository Name & Link
tuvtran/project-based-learning https://github.com/tuvtran/project-based-learning

⭐️⭐️⭐️⭐️⭐️ — 52.6k
⑂⑂⑂⑂⑂ — 8.2k

2.) Awesome

The awesome repository contains a large amount of content to all different areas that have to do with software development and programming. It is a one-stop shop if you really want to learn something new. From programming languages to big data, books, Business, Security this repo contains awesome content for all different fields. I personally recommend you to take a look at all the useful resources that get mentioned in this repository.

Repository Name & Link
sindresorhus/awesome https://github.com/sindresorhus/awesome

⭐️⭐️⭐️⭐️⭐️ — 166k
⑂⑂⑂⑂⑂ — 21.2k

3.) Free Programming Books

This GitHub repository has a massive collection of free learning resources where you can learn a lot of technical stuff. Earlier the list was on StackOverflow, later it was moved to GitHub to make it better maintainable. This repository is written in 30+ different languages. This repo is administered by the Free Ebook Foundation which is a not-for-profit organization.

Repository Name & Link
EbookFoundation/free-programming-books https://github.com/EbookFoundation/free-programming-books

⭐️⭐️⭐️⭐️⭐️ — 197k
⑂⑂⑂⑂⑂ — 43.3k

4.) Developer Roadmap

If you are looking for a career in software web development then this repository is for you. It provides a strategy to learn these skills in a structured manner. This repository was created by Kamran Ahmed. He has prepared a complete chart that will give you a clear understanding of what you should learn.

Repository Name & Link
kamranahmedse/developer-roadmap https://github.com/kamranahmedse/developer-roadmap

⭐️⭐️⭐️⭐️⭐️ — 166k
⑂⑂⑂⑂⑂ — 24k

5.) Public APIs

If you are a developer then definitely you will have to deal with APIs for your application. This repository contains a collective list of free APIs for use in software and web development. It also contains information regarding authorization, HTTPS, and CORS.

Repository Name & Link
public-apis/public-apis https://github.com/public-apis/public-apis

⭐️⭐️⭐️⭐️⭐️ — 139k
⑂⑂⑂⑂⑂ — 16.5k

6.) Coding Interview University

Preparing for an interview takes a lot more than Googling a list of common interview questions. So, if you are looking for resources and complete guidelines for interview preparation then this repository is for you. You will find a lot of links and resources from this repository to clear your computer science concepts along with the details.

Repository Name & Link
jwasham/coding-interview-university https://github.com/jwasham/coding-interview-university

⭐️⭐️⭐️⭐️⭐️ — 184k
⑂⑂⑂⑂⑂ — 50.2k

7.) JavaScript Testing Best Practices

This repository summarizes and curates for you dozens of the best blog posts, books, and tools the market has to offer. It can take your testing skills to the next level. If you are a JavaScript developer, I highly recommend you to check out this repo and the best part about it is that some of the best practices come with a code example to clarify things even more.

Repository Name & Link
goldbergyoni/javascript-testing-best-practices https://github.com/goldbergyoni/javascript-testing-best-practices

⭐️⭐️⭐️⭐️⭐️ — 12.5k
⑂⑂⑂⑂⑂ — 1k

8.) Awesome Python

This is a repository for python lovers. It has a curated list of awesome Python frameworks, libraries, software, and resources. If you want to become a good python programmer then you should bookmark this site.

Repository Name & Link
vinta/awesome-python https://github.com/vinta/awesome-python

⭐️⭐️⭐️⭐️⭐️ — 101k
⑂⑂⑂⑂⑂ — 19.5k

9.) TensorFlow

TensorFlow is one of the most popular open-source machine learning framework. It was developed by the engineers and researchers working on the Google Brain team. It provides stable Python and C++ APIs, as well as non-guaranteed backward compatible API for other languages. From the installation of Tensorflow to deploy ML models as part of their application this repo contains all the content.

Repository Name & Link
tensorflow/tensorflow https://github.com/tensorflow/tensorflow

⭐️⭐️⭐️⭐️⭐️ — 157k
⑂⑂⑂⑂⑂ — 85.1k

10.) FreeCodeCamp

I hope you must have heard about FreeCodeCamp. It is one of the biggest repositories on GitHub and is very user-friendly. It offers newcomers the means to learn how to code effectively, for free. They have a huge community with a great forum to help each other and improve coding skills. Bookmark this repo if you want to learn & build something new and collaborate with millions of people.

Repository Name & Link
freeCodeCamp/freeCodeCamp https://github.com/freeCodeCamp/freeCodeCamp

⭐️⭐️⭐️⭐️⭐️ — 326k
⑂⑂⑂⑂⑂ — 26.1k

That's all for this blog post. If you enjoyed learning and find it useful please do like and share so that, it reaches others as well 🤝

Thanks for reading 😃

I would ❤ to connect with you at Twitter | LinkedIn | GitHub

You should definitely check out my other Blogs:

See you in my next Blog article, Take care!!

Happy Learning😃😃

How to SetUp Billing Alarm in AWS

Neha Soni — Sat, 03 Jul 2021 07:15:06 +0000

AWS offers large number of resources and services. With such a diverse options it is very easy to over-spend money in AWS and obviously you do not want that. No matter you are an expert developer, administrator or just starting with AWS, you should always keep eye on your AWS usage and its bills.
Therefore, the first thing you should do after creating your AWS account is set up the billing alarm🚨 for your account. In this blog post, I am going to show you how to create a billing alarm on AWS.

Login to your AWS Account

Open your favorite browser and navigate to AWS Login Page

Enter the captcha and click done.

Then enter in your password and click submit.
You have now successfully signed in to the AWS Management Console

Go to Billing & Cost Management Dashboard

In the search bar type billing and click on Billing service to navigate to Billing & Cost Management Dashboard

On the left side of the page, you should see an option called Billing Preferences.

Click on that option, and you will be taken to the Billing Preferences page. Here you see three options. Choose receive billing alerts and Receive Free Tier Usage Alerts, and enter your email and click save preferences.

Now, we will receive an alert to our email address if we reach the free tier limit.

Go to CloudWatch and Check the current AWS region

You can even search for CloudWatch here by starting to type in the search box and it will find the service that you're searching for. Or you can click on the drop-down along with services and then you can see all the services by category.
"CloudWatch is a monitoring and management service that provides data and actionable insights for AWS, hybrid, and on-premises applications and infrastructure resources. With CloudWatch, you can collect and access all your performance and operational data in form of logs and metrics from a single platform."

Important:- Check your current AWS region. You can check your region in the top-right corner. You have to select the region as Northen Virginia or “us-east-1”.

Create a Billing Alarm 🚨

On the left side of the page, you should see an option called Alarm. Click on it and then click Create Alarm button on the right side of the page and it will navigate to a new page.

Click Select metric. After that click Billing. and then Total estimated charge.

On the next page choose currency as USD and click a select metric button.

Setting up Conditions

In this step, you need to choose conditions that will trigger this alarm. Select the threshold type as Static. Then for an alarm condition, choose, “Greater”. Finally, enter the threshold value for your bill.
I am keeping it at $5. This means once we have bills greater than or equal to $5, we will get an alert from AWS.

Click on the Next button.

Create SNS(Simple Notification Service) Topic

Amazon SNS is a service that can notify you via various different transport protocols when an alarm gets triggered.
Create a new topic radio button. Then you have to give a name for this topic, and an email id to notify when this alarm is triggered. After that, click on the “Create topic” button. This should create a new SNS topic.

Then click on the “Next” button at the bottom of the screen.

Then Enter the Alarm name and description(optional) and click the next button.

Verify details and Create Alarm

This is the final step for creating an alarm. you need to verify all details and click on the “Create alarm” button at the bottom of the screen. This will take you to the billing dashboard.
Here you can see that we have pending confirmation in the action column. For the confirmation, you need to confirm the email id that you have entered while creating an SNS topic. AWS will send a verification link to all of those emails. Just go to your email and click confirm subscription.

Once you click on this link, It should confirm your Email.

Congratulations 🎉🎉🎉🎉🎉🎉, you have set up a billing alarm for your AWS Account.
Now, you will receive alerts on this email whenever our billing alarm is triggered.
That's all for this blog post. In the next blog post, I will try to explain the IAM concept.
If you enjoyed learning and find it useful please do like and share so that, it reaches others as well 🤝

Thanks for reading 😃

I would ❤ to connect with you at Twitter | LinkedIn | GitHub
Let me know in the comment section if you have any doubts or feedback.
You should definitely check out my other Blogs:

See you in my next Blog article, Take care!!

Happy Learning😃😃

Amazon Web Services- An Overview

Neha Soni — Thu, 01 Jul 2021 06:24:05 +0000

Amazon Web Services(AWS) is a secure cloud services platform that offers a broad set of cloud-based products including compute services, storage, analytics, networking, databases, developer tools, IoT, security, and management tools, with pay-as-you-go pricing. In this blog post, I am going to give an Overview of AWS.

Amazon Web Services Overview

AWS is a cloud services platform provided by Amazon. In 2002, the AWS platform was launched and it kept on evolving. In 2006, AWS began offering IT infrastructure services to businesses in the form of web services. Today, it provides nearly 175 services to the developers so they can access them from anywhere at the time of need. It has customers in over 190 countries worldwide. Many companies like Netflix, Twitch, LinkedIn, Facebook, ESPN, BBC, etc., use AWS services.

Amazon offers many services for application development and analytics. Here is the snapshot of the products offered by AWS:-

Note: These are just domains and each domain has several services.
Let's talk about the domains which are widely used:-
1.) Compute
Compute domain includes the services related to high-end servers that are used to host a website, process backend data, etc. It includes the following services:-
a.) EC2 (Elastic Compute Cloud)
b.) Lambda
c.) Elastic Beanstalk
d.) Amazon LightSail
e.) Elastic Load Balancer
f.) Autoscaling
...etc

2.) Storage Services
AWS provides highly available, and highly durable storage services for backing up information, archiving, and disaster recovery. It includes the following services:
a.) S3 (Simple Storage Service)
b.) Amazon Glacier
c.) AWS Snowball
d.) Amazon Elastic File System ( EFS )
e.) Amazon Elastic Block Store ( EBS )

3.) Database Services
AWS provides services that can help you monitor and manage your databases for better productivity. It includes the following services:
a.) Amazon Aurora
b.) Amazon RDS
c.) Amazon DynamoDB
d.) Amazon RedShift

4.) Migration Services
This domain deals with the transferring of data to and from the AWS infrastructure. It includes the following services:
a.) AWS Database Migration Service
b.) AWS SnowBall

5.) Networking and Content Delivery Services
The Networking and Content Delivery domain offers the highest network availability amongst all cloud service providers, scales your request, handling capacity, and connects your physical network to your virtual network. It includes the following services:
a.) Amazon Route 53
b.) AWS CloudFront

6.) Management Tools
The Management Tools domain allows you to manage all of your AWS resources on AWS infrastructure. It includes the following services:
a.) AWS CloudWatch
b.) AWS CloudFormation
c.) AWS CloudTrail

7.) Security & Identity, Compliance Services
The Security & Identity, Compliance Services deals with user rights and authenticity. It is used to provide security to your AWS resources. It includes the following services:
a.) AWS IAM
b.) AWS KMS
c.) AWS Shield

Set up Free Tier account

AWS provides 12 months of Free Tier account to new subscribers to get hands-on experience with all the AWS cloud services. But if you consume more than the Free Tier thresholds you are charged at the standard Amazon rates for that service.
If you have any queries regarding AWS Free Tier visit Amazon AWS Free Tier FAQs
Ok, let’s get started on creating your Amazon AWS Free Tier account.
Step 1:- Open your favorite browser and navigate to AWS Free Tier Page
Step 2:- Choose Create an AWS Account.

Step 3:- It will ask for your email address, create a password, and give your AWS account a name. After entering your account information, click Continue.

Step 4:- Select your account type (Profesional/ Personal). Fill in the correct information to validate your account if you’re going to create personal use then click on “personal Account” else use “Company Account”, Accept the Terms and
conditions and then click on Create Account and Continue.

Step 5:- To be able to create a Free Tier account, you will need to enter your credit card details. This is in case you use more than what the free tier allows. As mentioned at the beginning of this article, if you use more than the Free Tier thresholds, Amazon will start to bill you. Make sure to provide proper contact details to get the Verification code from AWS.

Step 6:- In this step, it will take you to the payment gateway to validate your payment information and for your credit card verification, Amazon will charge the minimum price based on Country. Here I have provided India, so Amazon charged 2 INR.

Step 7:- Amazon will confirm your identity by sending you a text message or giving you a voice call. Fill in the details and click on Send SMS.

Step 8:- After clicking on Send SMS or Call me Now, you will immediately receive a call or SMS from Amazon, for verification code, Enter your code then click on Verify Code.

Step 9:- There are 3 Support Plans you can choose. For the free tier, we will be selecting the Basic Plan. Click on Free.

And Congratulations, Your Amazon AWS Free Tier account has now been created.
Now simply login to your AWS account. Click on ‘Sign in to the Console’. Choose the root user and enter the email address that you used for your Free Tier account.

Enter the captcha and click done.

Then enter in your password and click submit.
You have now successfully signed in to the AWS Management Console

That's all for this blog post. In the next blog post, I will try to explain the IAM concept.
If you enjoyed learning and find it useful please do like and share so that, it reaches others as well 🤝

Thanks for reading 😃

I would ❤ to connect with you at Twitter | LinkedIn | GitHub

Let me know in the comment section if you have any doubts or feedback.

You should definitely check out my other Blogs:

See you in my next Blog article, Take care!!

Happy Learning😃😃

Cloud Computing- An Overview

Neha Soni — Fri, 25 Jun 2021 12:00:36 +0000

Hi everyone 👋🏻,

In this blog post, I am going to give you an overview of cloud computing. We will look at the examples of cloud computing and the old way of doing things. After that, I will also discuss the service models for cloud computing.

Let's get started

Traditional Computing

It is a computing environment historically used for hosting services, applications, and data that are owned, managed, and controlled by the same organization. In this computing, the user can have access to data only on the system in which data is stored. It is a possess of using physical data centers for storing digital assets and running complete networking systems for daily operations. Now,
What is a data center?
In a layman language, the data center is a building somewhere and in that building, we have routers, switches, firewalls, storage systems, servers, and application delivery controllers. And a data center is not really a cheap thing to build and maintain. For maintaining a data center there must be special air conditioning systems, redundant power supplies, redundant network connectivity, and lots of infrastructures to make sure that your services run 24/7. So there is a lot of headache in maintaining data centers. That's why many companies say goodbye to traditional IT and move to cloud computing. But it doesn't mean it has gone away. It's still used in some companies.

What is Cloud Computing?

"Cloud computing is the on-demand delivery of IT resources over the Internet with pay-as-you-go pricing. Instead of buying, owning, and maintaining physical data centers and servers, you can access technology services, such as computing power, storage, and databases, on an as-needed basis from a cloud provider."

There are many cloud service providers in the market, some of these are:-
1.) Amazon Web services
2.) Microsoft Azure
3.) Google Cloud
4.) Alibaba Cloud
5.) IBM Cloud
6.) Oracle Cloud
7.) Cloud Sigma
8.) SAP
....and many more

Cloud computing examples

Let's take examples of some services or applications that use cloud services to understand what cloud computing is.

1.) Gmail, Dropbox, Facebook:- These all are examples of cloud storage providers and the number of cloud storage providers is increasing day by day.
Gmail is one of Google’s most important email service providers that provide unlimited storage on the cloud. It is used by billions of people. Gmail is a consumer service as well as it comes as a business package too.
Dropbox is established in 2008 and right now is a true leader in cloud storage. It is a storage service to offers up to 1 TB of storage space for free and allows users to access files on any device through its website.
Facebook is the largest social media platform globally with 2.6 billion monthly active users worldwide. It can store a large amount of information, images, videos on your profile.
2.) Microsoft Office 365:- Microsoft office 365 is cloud-based product access by lots of users through the internet. With the help of Office 365, you can work from anywhere and share the work documents with your colleagues worldwide. There are number of benefits of office 365 like it improves user productivity, provides 1 TB storage with OneDrive. You can easily recover data from the cloud if you lose your computer or it crashes etc.
3.) Dell’s Secure Healthcare Cloud:- Dell is one of the most used cloud service providers in Healthcare. It allows nurses, physicians, and administrators to share information quickly from anywhere and patients can access it remotely without any delay. It ensures patients receive the best possible care without unnecessary delay.
There are many more examples of cloud computing in different areas like in education there is AWS(Amazon web services), SlideRocket, Ratatype. For the government, there are IT consolidation, shared services, citizen services, etc.

Cloud Computing Deployment Models

"A cloud deployment model is defined according to where the infrastructure for the deployment resides and who has control over that infrastructure." There are four deployment models associated with cloud computing:

a.) Public cloud

Amazon, Google, Microsoft are examples of public cloud. These companies support all users who want to make use of a computing resource and provide both services as well as the infrastructure on a subscription basis. The main advantage of a public cloud is its versatility and pay as you go structure that allows customers to provide more capacity on demand.

b.) Private cloud

Private cloud usually resides behind the firewall and is used exclusively by a single business or organization. It may be physically located on the company’s on-site data center or sometimes companies also pay third-party service providers to host their private cloud. Private clouds are more expensive than public clouds due to the capital expenditure involved in acquiring and maintaining them.

c.) Hybrid Cloud

Hybrid cloud combines public cloud with private cloud. They are designed to allow the two platforms to interact seamlessly. Many organizations make use of this deployment model to scale up their IT infrastructure rapidly. It’s the perfect solution for organizations that needs a little bit of both options, usually dependent upon industry and size.

d.) Community Cloud

This deployment model supports multiple organizations sharing computing resources that are part of a community. The users are typically operating within the same industry or field and share common concerns in terms of security, compliance, and performance. It is not commonly used as the other three models.

Benefits of Cloud Computing over Traditional IT

Let's discuss some benefits of cloud computing over Traditional IT and understands why companies choose to say goodbye to traditional IT.

	Traditional IT infrastructure	Cloud computing
hardware	organizations will have to acquire a large number of servers, routers, switches, firewalls, storage systems with proper security	All the hardware, networking, storage, and everything is provided by cloud service provider
maintenance	organizations will have to do regular checkups of their hardware and also have to ensure software being used are regularly updated	Regular maintenance of hardware is handled by cloud service providers and they also handle software updates for services managed by service provider
disaster recovery	organizations will have to do necessary backups of data and setup so in case of disaster the users don’t face any downtimes	cloud service providers have a global infrastructure with multiple data centers within one region, so in case of any disaster, services are uninterrupted.
IT staff	a team of trained IT professionals had to be hired to monitor the entire infrastructure	cloud service providers have highly trained IT staff that works 24/7 to ensure best services
flexibility and scaling	to handle increasing workloads, more powerful hardware have to be set up so the user doesn’t feel any lag in services	Cloud hosting offers an enhanced level of flexibility and scalability. Cloud servers can scale up or down depending on the level of traffic your website receives.
automation	most of the processes of scaling up or down, backups, monitoring, etc. are manual and time-consuming	from deploying the infrastructure, monitoring, backups to customers, and taking necessary actions in case of failures, all the things are automated.
running cost	you will need to purchase equipment and additional server space upfront to adapt to business growth	cloud service providers charge for the time resources are used or the amount of storage is being used.

Types of cloud computing services

A lot of different types of cloud services fall under the overall category of cloud computing. The NIST(The National Institute of Standards and Technology) cloud computing definition identifies three cloud service models: software as a service (SaaS), platform as a service (PaaS), and infrastructure as a service (IaaS).

SaaS

SaaS(Software as a Service) provides clients with the ability to use software applications on a remote basis via an internet web browser. Examples of SaaS include Google Applications and internet-based email applications like Mail, Hotmail, and Gmail. The most popular among online retailers, allows merchants to run direct sales applications such as shopping carts in the cloud without their customers having to download or install programs to make a purchase.

PaaS

PaaS(Platform as a Service) provides clients with the ability to develop and publish customized applications in a hosted environment via the web. It represents a new model for software development.

IaaS

IaaS(Infrastructure as a Service) allows clients to remotely use IT hardware and resources on a "pay-as-you-go" basis. It is also referred to as HaaS(Hardware as service). Major IaaS players include companies like IBM, Google, and Amazon.

Future of cloud computing

Cloud computing is the future of enterprise applications and solutions. The International Data Corporation (IDC) estimates that already in 2018 at least half of IT spending is cloud-based. It has many benefits that it provides to its users and businesses. There are no standards or regulations worldwide that provided data through cloud computing.

If you enjoyed learning and find it useful please do like and share so that, it reaches others as well 🤝

Thanks for reading 😃

I would ❤ to connect with you at Twitter | LinkedIn | GitHub

Let me know in the comment section if you have any doubts or feedback.

You should definitely check out my other Blogs:

See you in my next Blog article, Take care!!

Happy Learning😃😃

How to Build a Strong Professional Network Online

Neha Soni — Sun, 20 Jun 2021 05:18:32 +0000

Whether you’re a company leader, an expert, an online course creator, a student or a Fortune 500 company, the benefits of building an online community are undeniable. Networking is the key to a successful career but making new connections can be difficult because a global pandemic has made meeting new people nearly impossible.
Does this mean we should give up on networking altogether?

So the answer to this question is NO, just because we can’t meet people face-to-face doesn't mean we should give up networking entirely. You can still connect with people in your industry by learning how to build a network online.
Today I am going to share some tips that will help you to build your professional network online, even if you're not a natural schmoozer.

1.) Choose the right platforms

You are familiar with social media platforms, right? You add friends on Snapchat and gain followers on Instagram.

In the professional sense, networking is like establishing connections with people typically in your field. As you know, LINKEDIN is the most popular professional networking platform. Yet, other options like FACEBOOK, TWITTER, QUORA, ALIGNABLE, etc. have specific strengths that approach networking in different and meaningful ways.

If you are searching for job seekers, looking to build your personal brand, Linkedin is best for that. Here you can find people who work in various companies you are interested in. Twitter’s use of hashtags makes it easy to find trending topics and experts and join the conversations too. The more you use social media with professional networking in mind, the more you’ll be able to connect with others.

2.) Maintain your profile: Be Fresh, Be Relevant

To make a strong impact, make sure you put together a solid, detailed, and accurate profile. Continuously update your profile because as your career grows and changes so should your profile. Choose a clear, close-up image of yourself wearing something that you would wear to work for your profile picture. A well-written profile will give you credibility and will establish you as a trustworthy potential employee. If you update your profile timely there are great chances to get better job opportunities and it also attracts unexpected opportunities. So, Update your profile and upload your resume if not done already.

3.) Be open to new connections

Having the right people in your network can give you tons of opportunities, but you have to take the first step. Don't limit yourself to connecting with people you think can help you. If you have your eye on a specific company, try connecting with the people who work there. Establishing an online network of your peers can help you stay engaged and once you start connecting with people you can discover more people through mutual connections. Share your accomplishments, thoughts, show off your work, and also start interacting with people.

4.) Be clear with your intentions

It is important to make your intentions clear when you are reaching out to someone new. Do not just drop 'Hi', 'Hey', 'Hello'. Don't expect a response for:-
1.) Please be my girlfriend/boyfriend.
2.) Let's chat on WhatsApp.
3.) send me money.
4.) get Subscribers for my YouTube.
...etc. For your time pass just don't kill other’s time. Be professional, clear, and concise. Planning your questions in advance can also help the meeting run smoothly.
You should follow basic ethics and motivate people like you to help the society who is eager to learn and grow.

" Be clear on what you want. You will get a better response if you do this. "

5.) Help people out

Volunteering your time, money, or energy to help others doesn't just make the world better—it also makes you better. When you help someone you earn respect from them, your networking partner will be grateful and want to return the favor. If you provide others value, they’ll eventually help you without even thinking twice. So be helpful and supportive. Support their valuable content, share their work so that it can help others too.

6.) Be naturally curious to learn new things

Being curious is the key to excel at any task and do it better, as you ask questions, learn from others, and look for ways to do your job better. When curious people fail, they analyze their failure, because they are keen on knowing the reasons, so they can do better the next time. This increases their chances for success.

Conclusion

Building your online network is a lot like building it in person-it requires perseverance, persistence, and a desire to connect. It can also make you a better, more interesting person.

So are you ready to expand your network? Go for it. And remember: be kind, be professional, and be yourself.

If you liked this article, share it with others and "Let's learn and grow together"

Thanks for reading 🤝🤝

I would ❤ to connect with you at Twitter | LinkedIn | GitHub
Let me know in the comment section if you have any doubts or feedback.

You should definitely check out my other Blogs:

See you in my next Blog article, Take care!!

Happy Learning😃😃

Plasma Donation Website using MERN stack

Neha Soni — Wed, 09 Jun 2021 09:10:13 +0000

Hello amazing people 👋,

Welcome to Plasma Donation Website. As we all know, the world is suffering from the COVID-19 crisis. Our government and health care professionals are trying their best to help the patients suffering from COVID-19. Scientists are trying to discover a vaccine to cure people affected with coronavirus. There is a scientific way from which we can help to lower the death ratio or help the COVID 19 affected person. Plasma therapy is an experimental approach to treat COVID-positive patients and help them recover faster. But, in this situation, it is difficult for a patient to find a plasma donor as everybody can’t donate plasma.

Our project goal

The main goal of our project is to make it easier for the COVID-19 patients to get a plasma donor easily as well as donate plasma if they have recovered. The system targets two types of users: the people who want to donate plasma and the people who need plasma. The user can also view the total active cases, nearby vaccine centers, hospitals address. The main objective of developing the website is to make it easier for the COVID-19 patients to get a plasma donor easily and as soon as possible.

Workflow of the project

The person who wants to donate his/her plasma needs to register in our application providing required information which are name, age, blood group, phone number, and location, etc.
Patients who need plasma can also fill the form to request the plasma. Patients can directly call the donor by taking his/her contact number from the application.
The user can also view the total active cases, recovered cases, vaccine centers in their area, hospital location, and helpline number.

UML diagram

Technology Used

In this project, we have used the following technologies :-

Frontend : HTML, CSS, React.JS
Backend : NodeJs, Express.Js
Database : MongoDB

Advantages

Speed : This website is fast and offers great accuracy as compared to manual registered keeping.
Maintenance : Less maintenance is required
User Friendly : It is very easy to use and understand. It is easily workable and accessible for everyone.
Fast Results : It would help you to provide plasma donors easily depending upon the availability of it.

Disadvantages

Internet : It would require an internet connection for the working of the website.
Auto- Verification : It cannot automatically verify the genuine users.

Screenshots & Gif

1.) Home Page

2.) Nearby Vaccine Centres

3.) Hospitals List

4.) Plasma Info

5.) Donor Form

6.) Donors List

7.) Request Form

8.) Requests List

Future Work:-

1.) In future, we will try to verify the genuine users.

2.) For now, we have just listed the hospitals in Delhi, but in the future, we will try to add hospitals of each state of India.

✨Team

Neha Soni

Abhishek Jaswal

Kritika Kaura

Ridhi Sood

Contribute

'' YOUR CONTRIBUTION MATTERS ''

As I am a student so I am not able to add too much functionality to this project. So, if you find any problem, bug (🐞), want to add more features to this website, or want to share any kind of suggestions to improve our work please let us know by creating an issue here. I will also try to work more on this project so I will host it somewhere and people find it useful.

References

1.) ReactJS documentation:- https://reactjs.org/docs/getting-started.html

2.) NodeJS documentation:- https://nodejs.org/dist/latest-v14.x/docs/api/

3.) ExpressJS documentation:- https://expressjs.com/en/starter/installing.html

4.) MongoDB :- https://docs.mongodb.com/manual/tutorial/getting-started/

5.) Git and Github:- https://gist.github.com/hofmannsven/6814451

6.) W3 School

7.) YouTube

8.) Stack Overflow

Source Code:- Plasma Donation Website

Working Project Video:- Plasma Donation Website

If you liked this project, share it with others!

Thanks for reading 🤝🤝

I would ❤ to connect with you at Twitter | LinkedIn | GitHub
Let me know in the comment section if you have any doubts or feedback.

You should definitely check out my other Blogs:

See you in my next Blog article, Take care!!

Happy Learning😃😃

Plasma Donation Website

Neha Soni — Tue, 08 Jun 2021 06:14:01 +0000

Hello amazing people 👋,

Our project goal

Workflow of the project

UML diagram

Technology Used

In this project, we have used the following technologies :-

Frontend : HTML, CSS, React.JS
Backend : NodeJs, Express.Js
Database : MongoDB

Advantages

Speed : This website is fast and offers great accuracy as compared to manual registered keeping.
Maintenance : Less maintenance is required
User Friendly : It is very easy to use and understand. It is easily workable and accessible for everyone.
Fast Results : It would help you to provide plasma donors easily depending upon the availability of it.

Disadvantages

Internet : It would require an internet connection for the working of the website.
Auto- Verification : It cannot automatically verify the genuine users.

Screenshots & Gif

1.) Home Page

2.) Nearby Vaccine Centres

3.) Hospitals List

4.) Plasma Info

5.) Donor Form

6.) Donors List

7.) Request Form

8.) Requests List

Future Work:-

1.) In future, we will try to verify the genuine users.

2.) For now, we have just listed the hospitals in Delhi, but in the future, we will try to add hospitals of each state of India.

✨Team

Neha Soni

Abhishek Jaswal

Kritika Kaura

Ridhi Sood

Contribute

References

Source Code:- Plasma Donation Website

Working Project Video:- Plasma Donation Website

If you liked this project, share it with others!

Thanks for reading 🤝🤝

I would ❤ to connect with you at Twitter | LinkedIn | GitHub
Let me know in the comment section if you have any doubts or feedback.

You should definitely check out my other Blogs:

See you in my next Blog article, Take care!!

Happy Learning😃😃

25+ JavaScript Project With Source Code to Build your Skills

Neha Soni — Sun, 30 May 2021 05:01:11 +0000

Hello amazing people,

If you are interested in becoming a web developer then JavaScript is one of the best and essential coding language you can learn, but getting familiar with JavaScript basics means using those skills to build JavaScript projects. So, in this blog post, I will share with you some HTML and Javascript projects with source code that can be used in your personalized Web Development projects.

Best JavaScript Projects for Beginners

1.) Counter app

This project will give you more practice working with the DOM. Here, the user can add the number of counts and also delete the counts.

Key concepts covered :-
1.) document.querySelector()
2.) addEventListener()
3.) textContent

Source Code:- Counter App

2.) Background Color Change App

In this app, the background color of the canvas changes when the user clicks on a button.

Key concepts covered :-
1.) eventListener()
2.) Array
3.) Math.random()

Source Code:- Background color Changer App

3.) Calculator

The main objective of this project is to perform the basic functionality(+,-,*,/) of the calculator.

Key concepts covered :-
1.) DOM Manipulation
2.) document.querySelector()
3.) addEventListener()
4.) Immediately Invoked Function Expressions
5.) textContent

Source Code:- JavaScript Calculator

4.) Image Slider Project

The main functionality of this project is that , when an arrow is clicked, the next image in the array shows up.

Key concepts covered :-
1.) DOM Manipulation
2.) Arrays
3.) forEach()
4.) eventListeners
5.) JavaScript CSS Manipulation

Source Code:- Image Slider

5.) Build a Digital Clock

The main objective of this project is to build a digital clock with date(Day, Month, Year).

Key concepts covered :-
1.) setTimeInterval()
2.) Date()
3.) Arrays
4.) innerHTML

Source Code:- Digital Clock

6.) Build an Analog Clock

The main objective of this project is to build a realtime analog clock using HTML, CSS, and Javascript.

Key concepts covered :-
1.) document.querySelector()
2.) Date()
3.) setInterval()
4.) rotate()

Source Code:- Analog Clock

7.) Loan Calculator

The main objective of this project is to calculate and displays the results for monthly payment, total payment, and total interest according to loan amount interest rate, and years to repay.

Key concepts covered :-

1.) document.querySelector()
2.) setInterval()
3.) Math.pow()
4.) toFixed()
5.) parseFloat()
6.) DOM manipulation
7.) JavaScript CSS Manipulation
8.) eventListener()

Source Code:- Loan Calculator

8.) Guess my number

In this project you have to guess a number, if your PREDICTED NUMBER is equal to the SECRET NUMBER you won!!! ♥

Key concepts covered :-
1.) document.querySelector()
2.) Math.random()
3.) eventListeners
4.) textContent
5.) Math.trunc()

Source Code:- Guess my number

9.) Palindrome Checker

A palindrome checker checks if a string is a palindrome or not. A palindrome is a word or sentence that's spelled the same way both forward and backward, ignoring punctuation, case, and spacing

Key concepts covered :-
1.) document.querySelector()
2.) toUpperCase()
3.) split()
4.) reverse()
5.) join()
6.) innerHTML

Source Code:- Palindrome Checker

10.) Mobile Number Validator

This project lets you find out if the mobile number you have entered is active and able to receive calls or not.

Key concepts covered :-
1.) document.querySelector()
2.) test()
3.) forEach()
4.) DOM manipulation
5.) event Listeners
6.) innerHTML

Source Code:- Mobile Number Validator

11.) Roman Numeral Converter

The main objective of this project is to convert arabic numbers to Roman numerals or vice-versa.

Key concepts covered :-
1.) document.getElementById()
2.) event Listeners
3.) arabicToRoman()
4.) romanToArabic()
5.) objects
6.) for loop
7.) Math.floor()
8.) indexOf()
9.) replace()

Source Code:- Roman Numeral Converter

12.) Weather app

This is an awesome project to build if you want to learn more about APIs and how to work with them

Key concepts covered :-
1.) document.querySelector()
2.) toFixed()
3.) event Listeners
4.) API
5.) fetch()
6.) then()

Source Code:- Weather app

13.) Stopwatch

The main objective of this project is to build a stopwatch that have a functionality like start,pause, and stop

Key concepts covered :-
1.) document.getElementById()
2.) parseInt()
3.) setTimeout
4.) innerHTML

Source Code:- Stopwatch

14.) Random Quote Generator

The main objective of this project is to fetches a new random quote from an API, upon the click of a button, and displays it in the browser.

Key concepts covered :-
1.) document.getElementById()
2.) async()
3.) await
4.) fetch()
5.) Math.floor()
6.) Math.random()
7.) innerHTML

Source Code:- Random Quote Generator

15.) BMI Calculator

The objective of this JavaScript project is to wire up a very basic JavaScript BMI Calculator.

Key concepts covered :-
1.) document.querySelector()
2.) event listeners
3.) parseInt()
4.) toFixed()
5.) innerHTML

Source Code:- BMI Calculator

16.) TIP Calculator

In this project, the user adds an amount and a tip percent and the calculator then outputs a total tip and bill amount.

Key concepts covered :-
1.) document.getElementById()
2.) event listeners
3.) Number()
4.) DOM manipulation

Source Code:- TIP Calculator

17.) Word Length Calculator

In this project, the user enters the word and the calculator outputs its length.

Key concepts covered :-
1.) DOM manipulation
2.) event listeners
3.) length method

Source Code:- Word Length Calculator

18.) Day of the Week

This project uses displays the day of the week along with a corresponding quote.

Key concepts covered :-
1.) DOM manipulation
2.) Date() Object
3.) switch statement

Source Code:- Day of the Week

19.) Covid-19 Tracker

Using this website you can track corona cases in any country which you want.

Key concepts covered :-
1.) DOM manipulation
2.) API
and much more...

Source Code:- Covid-19 Tracker

Intermediate JavaScript Projects

1.) Discussion Portal

It is a portal where one user can add questions and the other user can respond to those questions and you can also search the question. Also once the query is resolved, the user can delete the added question and response.

Key concepts covered :-
1.) JavaScript CSS Manipulation
2.) JavaScript DOM Manipulation
3.) local storage
4.) Jquery

Source Code:- Discussion Portal

2.) Quiz App

Quiz apps are a fun way to improve your skills as a JavaScript developer. In this project, questions are dynamically generated using an object constructor. You have the 'Retake Quiz' option available at the end :)

Key concepts covered :-
1.) JavaScript CSS Manipulation
2.) JavaScript DOM Manipulation
3.) event listeners
4.) Math.random()
5.) Objects

Source Code:- Quiz app

3.) Whack a Mole game

Whac-A-Mole is a popular arcade game. When the Game Start, by clicking on the title, a Mole will "Pop" from a random Hole, with random duration. Every successful "Whack" will add 1 to the Score. The game ends after 10 seconds have passed.

Key concepts covered :-
1.) JavaScript CSS Manipulation
2.) JavaScript DOM Manipulation
3.) event listeners
4.) Audio()
4.) Jquery
5.) local storage
6.) switch statement
7.) Math.random() , Math.round() and much more...

Source Code:- Whack a Mole

4.) Notes App Project

The objective of this JavaScript project is to create a notes application that uses local storage and allows for edits, among other things.

Key concepts covered :-
1.) JavaScript CSS Manipulation
2.) JavaScript DOM Manipulation
3.) event listeners
4.) conditionals
5.) Jquery
6.) local storage
and much more...

Source Code:- Notes app

5.) Tetris Game

Tetris is a surprising game. The aim of Tetris is simple; you bring down blocks from the top of the screen. You can move the blocks around, either left to right, and/or you can rotate them. Your objective is to get all the blocks to fill all the empty space in a line at the bottom of the screen; whenever you do this, you’ll find that the blocks vanish and you get awarded some points.

Key concepts covered :-
1.) HTML canvas
2.) DOM Manipulation
3.) Math.floor() , Math.random()
4.) event listeners
5.) Date()
and much more...

Source Code :- Tetris Game

6.) Music Player app

In this application, you will be creating a music player with a clean user interface that can be used to play music in the browser. You will also implement features like seeking and volume control.

Key concepts covered :-
1.) Jquery
2.) DOM Manipulation
3.) Array of objects
4.) event listeners
5.) CSS Manipulation
6.) setInterval(), clearInterval()
7.) Math.floor() , Math.random()
and much more...

Source Code :- Music Player

7.) Tic Tac Toe Game

The goal of the game is for players to position their marks so that they make a continuous line of three cells vertically, horizontally, or diagonally. An opponent can prevent a win by blocking the completion of the opponent's line.

Key concepts covered :-
1.) Jquery
2.) DOM Manipulation
3.) CSS Manipulation
and much more...

Source code:- Tic Tac Toe

8.) Pomodoro Clock

The Pomodoro Technique is a time management method developed by Francesco Cirillo. The technique uses a timer to break down work into intervals, traditionally 25 minutes in length, separated by short breaks.

Key concepts covered :-
1.) DOM Manipulation
2.) event listeners
3.) switch statement
4.) setInterval()
and much more...

Source code :- Pomodoro Clock

### 9.) Filter Fun
In this project, the user can upload a photo and apply various filters to it.

Key concepts covered :-
1.) HTML canvas
2.) SimpleImage() object
3.) getRed() ,getGreen(), getBlue() methods
4.) Math.floor(), Math.random()
and much more....

Source Code:- Filter Fun

10.) Rock, Paper, Scissors game

Rock, paper, and scissors game is a simple fun game in which both the players have to make a rock, paper, or scissors. It has only two possible outcomes a draw, or a win for one player and a loss for the other player.

Source code :- Rock, Paper, Scissors

11.) To-Do List Project

The main objective of this JavaScript Project is to wire up a todo list application.

Key concepts covered :-
1.) DOM Manipulation
2.) Arrays
3.) forEach()
4.) eventListeners
5.) Nested Functions
6.) Local Storage API

Source Code:- To-Do List

Conclusion

There are lots of projects you can work on as a JavaScript developer. If you want to start a career as a web developer, building your own JavaScript projects is the best way to learn the language. As you start learning JavaScript and finish your first beginner-level projects, you will quickly feel more comfortable working independently. Also, you will surely find more fun project ideas as you go.

So, which projects are you going to build next? Let me know in the comments below!
😊

If you liked this article, share it with others!

Thanks for reading 🤝🤝

I would ❤ to connect with you at Twitter | LinkedIn | GitHub
Let me know in the comment section if you have any doubt or feedback.

You should definitely check out my other Blogs:

See you in my next Blog article, Take care!!

Happy Learning😃😃

DEV Community: Neha Soni

IAM Identities: Users, User Groups and IAM Roles

🤔What is IAM?

🤔Why do we need IAM?

🤔 IAM Identities

🧐 IAM Users

🧐 IAM User groups

🧐 IAM Roles

🤔How to create an IAM user?

How to Login as an IAM user?

🤔IAM User Groups

🤔How to create IAM roles for a service?

Now how to attach it to any AWS service🤔😬

Let's attach it to AWS EC2 instance:-

That's it!

Congrats🥳🥳🥳

Resources

Thanks for reading 🥰

🙌 Support

Create an amazing Image Search App using Pexels API

Hello Readers, Hope you all are doing well🤩

Table of Content

Setting Up Pexels API

Time to Code!!

HTML Part

JavaScript Part

Complete javascript code

CSS Part

Thanks for reading 😃

🙌 Support

Power of console.table() in JavaScript💪🏻😎

So, what is console.table()🤯❓

Syntax🤓

How to implement console.table()🤔❓

a.) Array

Output🤩:-

b.) Array of arrays

Output🤩:-

c.) Object

Output🤩:-

d.) Array of Objects

Output🤩:-

e.) Nested Objects

Output🤩:-

What if you have an Object that has 10+ properties😳🤯?

Output🤩

Output🤩

Thanks for reading 😃

The Curated List of Ultimate Java Resources 🧵

1.) Java IDE

2.) Best Websites to Learn Java

3.) Java Coding Practice Platforms

4.) YouTube Channels for Java Developers

5.) Best Courses to Learn Java

6.) Java Books

7.) Java Frameworks for Web Development

8.) Java GitHub Repositories

9.) Java Project Ideas

10.) Best Hosting Platforms for Java Projects

11.) Blogging Platforms where you can read and get Updates about Java

Thanks for reading 😃

Top 10 Useful GitHub Repos for Self-Development

🌸𝑺𝒆𝒍𝒇 𝑳𝒆𝒂𝒓𝒏𝒊𝒏𝒈 𝒊𝒔 𝒕𝒉𝒆 𝒑𝒓𝒐𝒄𝒆𝒔𝒔 𝒐𝒇 𝒄𝒓𝒆𝒂𝒕𝒊𝒏𝒈 𝒀𝑶𝑼 𝒚𝒐𝒖𝒓𝒔𝒆𝒍𝒇🌸

1.) Project Based Learning

tuvtran/project-based-learning https://github.com/tuvtran/project-based-learning

2.) Awesome

sindresorhus/awesome https://github.com/sindresorhus/awesome

3.) Free Programming Books

EbookFoundation/free-programming-books https://github.com/EbookFoundation/free-programming-books

4.) Developer Roadmap

kamranahmedse/developer-roadmaphttps://github.com/kamranahmedse/developer-roadmap

5.) Public APIs

public-apis/public-apishttps://github.com/public-apis/public-apis

6.) Coding Interview University

jwasham/coding-interview-universityhttps://github.com/jwasham/coding-interview-university

7.) JavaScript Testing Best Practices

goldbergyoni/javascript-testing-best-practiceshttps://github.com/goldbergyoni/javascript-testing-best-practices

8.) Awesome Python

vinta/awesome-pythonhttps://github.com/vinta/awesome-python

9.) TensorFlow

tuvtran/project-based-learning
https://github.com/tuvtran/project-based-learning

sindresorhus/awesome
https://github.com/sindresorhus/awesome

EbookFoundation/free-programming-books
https://github.com/EbookFoundation/free-programming-books

kamranahmedse/developer-roadmap
https://github.com/kamranahmedse/developer-roadmap

public-apis/public-apis
https://github.com/public-apis/public-apis

jwasham/coding-interview-university
https://github.com/jwasham/coding-interview-university

goldbergyoni/javascript-testing-best-practices
https://github.com/goldbergyoni/javascript-testing-best-practices

vinta/awesome-python
https://github.com/vinta/awesome-python

tensorflow/tensorflow
https://github.com/tensorflow/tensorflow

freeCodeCamp/freeCodeCamp
https://github.com/freeCodeCamp/freeCodeCamp