Skip to content

Arunk28/dynamic-profile-creator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

24 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Describe

Based on the json input the beautiful profile will be created

alt dynamic profile creator

Profile config

{
    "ABOUT": {
        "title": "About",
        "content": ["String1","String2",....,"String N"]
    },
    
    "AVATAR" : "<avatar image address>",
    
    "INTRO" : ["string1","string2"],
    
    "SKILLS" : {"title" : "Skills", "content" : ["String1","String2"...,"StringN"]}, 
    
    "LANGUAGE": {"title" : "Language", "content" : ["String1","String2"...,"StringN"]},  
    
    "EDUCATION" : {"title":"Education", "content" : ["String1","String2"...,"StringN"]} ,  
    
    "EXPEREINCE" : {"title" : "Experience", "content" : ["String1","String2"...,"StringN"]},
    
    "CONTACT" :{"title":"Contact","content" :[{"icon":"bi bi-geo-alt","text":"<location>" },
    {"icon":"bi bi-phone-fill","text":"<phone-number>" },
    {"icon":"bi bi-envelope-fill","text":"<email>" },
    {"icon":"bi bi-github","text":"<githuburl>" }]},
    
    "SOCIAL" :{"github" : "<githuburl>", "linkedin" : "<linked in url>",  
    "stackoverflow" : "<stackoverflowurl>",
    "blog": "<blogurl>","resume":"<resume url access by public>"
    },
    
    "BACKGROUNDIMAGES" :[<Array of image address> ...,Image N]
}

You can find sample config

https://github.com/Arunk28/dynamic-profile-creato/blob/master/src/data/profile.json

Run

npm install
npm start

Demo

https://dynamic-profile-creator.vercel.app/