Brand LogoBioDrop

Create your own BioDrop page and share it with the world

  • Step 1 : Fork the Repo

    Visit the GitHub Repo here , and fork the repo.

    fork the repo
  • Step 2 : Clone the Repo

    Clone it to your local machine using

    git clone url-of-the-repo 
  • Step 3 : Install the Dependencies

    Install the dependencies using

    cd bio-drop

    npm install
  • Step 4 : Write your own Bio

    Open src/data/people.json and add your profilel information in the json file. Enter your profile information in the following format :

    {
        "id": "1",
        "name": "Bijoy Kar",
        "username": "bijoykar",
        "headline": "Student 👨‍🎓| Full Stack Web Developer 🌐| Python 🐍 , JavaScript ⚙️| ML / AI 🤖 | Tech Enthusiast ✨",
        "location": "Kolkata, India",
        "tags": [
          "JavaScript",
          "React",
          "Node.js",
          "HTML",
          "CSS",
          "Bootstrap",
          "Material UI",
          "Git",
          "GitHub",
          "C++",
          "Python"
        ],
        "profilePic": "https://avatars.githubusercontent.com/u/85790967?v=4"
      }

    You must follow the id numeration. If the last id is 5, then your id must be 6.

  • Step 5 : Add your profile JSON file

    Create a new file in the src/people folder with your username.json. For example, if your username is bijoykar, then your file name must be bijoykar.json.
    The username you enter in the people.json file must match the file name.
    See the example below :

    
    {
        "name": "Bijoy Kar",
        "headline": "Student 👨‍🎓| Full Stack Web Developer 🌐| Python 🐍 , JavaScript ⚙️| ML / AI 🤖 | Tech Enthusiast ✨",
        "profilePic": "https://avatars.githubusercontent.com/u/85790967?v=4",
        "summary": "I am a software engineer with a passion for creating innovative and efficient solutions. I have experience in developing web applications using various technologies. My goal is to contribute to the success of projects by delivering high-quality code and collaborating effectively with team members.",
        "location": {
          "city": "Kolkata",
          "country": "India",
          "countryCode": "IN"
        },
        "tags": [
          "JavaScript",
          "React",
          "Node.js",
          "HTML",
          "CSS",
          "Bootstrap",
          "Material UI",
          "Git",
          "GitHub",
          "C++",
          "Python"
        ],
        "links": [
          {
            "type": "twitter",
            "url": "https://twitter.com/iamBijoyKar",
            "label": "Follow me on Twitter"
          },
          {
            "type": "linkedIn",
            "url": "https://www.linkedin.com/in/iambijoykar/",
            "label": "Connect with me on LinkedIn"
          },
          {
            "type": "github",
            "url": "https://github.com/iamBijoyKar",
            "label": "Follow me on Github"
          }
        ]
      }