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.
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" } ] }