harsh1245-bit / NAME-CARD_hacktoberfest

It is a website for showcasing your Github profile.

Home Page:https://name-card.pages.dev

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

πŸ₯³πŸ₯³ HacktoberFest Beginner friendly Project πŸ₯³πŸ₯³

🎴🎴🎴🎴 NAME-CARD 🎴🎴🎴🎴

hacktober

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

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.

doc

  • 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.


  • 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:

demodoc (1)

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:

example

Stay safe & Keep contributing

About

It is a website for showcasing your Github profile.

https://name-card.pages.dev


Languages

Language:JavaScript 61.5%Language:CSS 25.5%Language:HTML 12.9%Language:Shell 0.1%