🥳🥳 HacktoberFest Beginner friendly Project 🥳🥳

🎴🎴🎴🎴 NAME-CARD 🎴🎴🎴🎴

What is Hacktoberfest?

A month-long celebration from October 1st - 31st sponsored by Digital Ocean and GitHub to get people involved in Open Source. Create your very first pull request to any public repository on GitHub and contribute to the open source developer community.

What is NAME-CARD?

NAME-CARD is a web app where you can showcase your GitHub profile link along with your name. It is a beginner friendly project to contribute. Just follow the below steps to contribute in the project.

How to contribute to this project

You can contribute to this project very easily by following a few steps. Don't worry... there is no need to know any programming language-related knowledge. You only have to know the Git and Git-hub, and that's it... Now we are ready to start contributing.

Getting started

• star this repository (Click the star button in the top right of this page, beside the fork button)
• Fork this repository (Click the Fork button in the top right of this page, click your Profile Image)
• Clone your fork down to your local machine

git clone https://github.com/your-username/NAME-CARD_hacktoberfest.git

• Create a branch

git checkout -b branch-name

• Make your changes (The task is described below)
• Commit and push

git add .
git commit -m 'Commit message'
git push origin branch-name

• Create a new pull request from your forked repository (Click the New Pull Request button located at the top of your repo)
• Wait for your PR review and merge approval!https://name-card.netlify.app/](https://name-card.netlify.app/)

Your task

first step :--->

• you have to go listApi.js file. (file path:----> src/component/basic/listApi.js)
• open this file in your local text editor.

Second step :--->

• After open this file you have a interface like the below image.

• so now you have to put your name and github profile link according to the format below:
• There are three code-snnipet. select one code snippet from those three. ( First one is for male avtar, the Second one is for female avtar & the Third one is for your github profile avtar)
• You only have to change your first name,last name & github link with your details.

---

NOTE

If you are using the GitHub profile code (third code) then additionally you should add your GitHub profile id at the last of the image line instead of githubID.

• Example:
• image:"https://avatars.githubusercontent.com/githubID", <------ (Initially, it is looking like this.)
• image:"https://avatars.githubusercontent.com/astroidworld", <------ (After changing the githubID with my id it will look like this.)

---

• But remember, Don't remove the quoation mark.(You can see the demo image below)
• Please don't remove any other code. Just place your code after the last block of code.

For male avtar

{
image:"./male.png",
firstName: "Your",
lastName: "name",
link: "GitHub Link",
},

OR

For female avtar

{
image:"./female.png",
firstName: "Your",
lastName: "name",
link: "GitHub Link",
},

OR

For github avtar

{
image:"https://avatars.githubusercontent.com/githubID",
firstName: "Your",
lastName: "name",
link: "GitHub Link",
},

• Here is a demo image of the placing of code below:

Third step :--->

• After doing the changes now save the file.
• And now push the file in online server follwing the above git commands.
• Then Create a new pull request from your forked repository.
• Wait for your PR review and merge approval!
• After merge, you can see your contribution in this url 👉👉👉 https://name-card.netlify.app/
• It will look like:

Check File CONTRIBUTING.md To See the guidelines....

Stay safe & Keep contributing