HrushiMakode / open-source-portfolio

Customize open source portfolio via JSON
0 stars 0 forks source link

Create Generic JSON for Customized Portfolio 📦🚀 #1

Closed HrushiMakode closed 10 months ago

HrushiMakode commented 10 months ago

Issue: Create Generic JSON for Customized Portfolio

Description

We need to design a generic JSON structure that can be used for creating a customizable portfolio. This JSON should include the necessary fields to accommodate various types of portfolios and allow for easy customization and integration.

Requirements

JSON Structure


{
    "profile": {
        "name": "Shubham Wasu",
        "email": "shubham.a.wasu@gmail.com",
        "phoneNumber": "7038326912",
        "roles": ["Software Engineer", "Backend Engineer", "Competitive Programeer", "Father of Billions"]
    },
    "description": "A dedicated Engineer with a passion for creating efficient and scalable web applications.",
    "projects": [
        {
            "id": 1,
            "title": "Image Captionner for Visually Impaired",
            "about": "Developed a React Native App to find an audio caption for an image clicked by a visually impaired person, perform the image captioning using pre-trained CNN and LSTM on the VizWiz dataset",
            "tags": ["ReactNative", "Python", "CNN", "LSTM"],
            "demo": "https://expo.io/@hrushimakode/expo-camera-app",
            "github": "https://github.com/HrushiMakode/expo-camera-app",
            "image": [
                "https://res.cloudinary.com/hilnmyskv/image/upload/q_auto,f_auto/v1619013121/Algolia_com_Blog_assets/Featured_images/engineering/how-we-updated-our-js-libs-for-react-native/vyrmtbcv7toiqlhibmnd.png"
            ]
        }
    ],
    "education": [
        {
            "institution": "PICT , Pune",
            "degree": "Bachelor of Science in Computer Science",
            "year": "2021",
            "cgpa/percentage": " 9.24/10.0"
        }
    ],
    "experience": [
        {
            "company": "Udchalo",
            "designation": "Software Developer",
            "dateJoining": "07-26-2021",
            "dateEnd": "Present",
            "companyLogo": "https://static.udchalo.com/client_assets/img/favicon/favicon-192x192.ico",
            "work": "udChalo aims to make flights cost effective for Ex-Servicemen / Indian armed forces, Paramilitary, Veterans and Dependents.",
            "tags": ["Serverless", "NodeJS", "AWS"]
        }
    ],
    "skills": [
        {
            "type": "FrontEnd",
            "list": [
                {
                    "name": "HTML",
                    "icon": "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/html5/html5-original.svg",
                    "link": "#"
                },
                {
                    "name": "CSS",
                    "icon": "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/css3/css3-original.svg",
                    "link": "#"
                },
                {
                    "name": "JavaScript",
                    "icon": "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/javascript/javascript-original.svg",
                    "link": "#"
                },
                {
                    "name": "ReactJS",
                    "icon": "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/react/react-original.svg",
                    "link": "#"
                }
            ]
        },
        {
            "type": "BackEnd",
            "list": [
                {
                    "name": "NodeJS",
                    "icon": "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/nodejs/nodejs-original-wordmark.svg",
                    "link": "#"
                },
                {
                    "name": "Express",
                    "icon": "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/express/express-original.svg",
                    "link": "#"
                },
                {
                    "name": "GraphQL",
                    "icon": "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/graphql/graphql-plain.svg",
                    "link": "#"
                }
            ]
        }
    ],
    "social": [
        {
            "platform": "Hacker Rank",
            "link": "https://www.hackerrank.com/hrushi_makode",
            "icon": "hackerrank"
        },
        {
            "platform": "Github",
            "link": "https://github.com/HrushiMakode",
            "icon": "github"
        },
        {
            "platform": "Codechef",
            "link": "https://www.codechef.com/users/hrushi_makode",
            "icon": "codechef"
        },
        {
            "platform": "Linkedin",
            "link": "https://www.linkedin.com/in/hrushikesh-makode-75116a147/",
            "icon": "linkedin"
        },
        {
            "platform": "Instagram",
            "link": "https://www.instagram.com/hrushikeshmakode/",
            "icon": "instagram"
        }
    ],
    "theme": {
        "light": {
            "background": "white",
            "text-primary": "black",
            "primary": "blueviolet",
            "secondary": "#dcbff6"
        },
        "dark": {
            "background": "#11072b",
            "text-primary": "#bcb6b6",
            "primary": "blueviolet",
            "secondary": "#230e35"
        }
    }
}
HrushiMakode commented 10 months ago

Please think about all possible cases of JSON , like skills, project ,name and more ....

HrushiMakode commented 10 months ago

JSON updated

HrushiMakode commented 10 months ago

should we put colors in json too ?

HrushiMakode commented 10 months ago

Add this


"theme": {
        "light": {
            "background": "white",
            "text-primary": "black",
            "primary": "blueviolet",
            "secondary": "#dcbff6"
        },
        "dark": {
            "background": "#11072b",
            "text-primary": "#bcb6b6",
            "primary": "blueviolet",
            "secondary": "#230e35"
        }
    }
HrushiMakode commented 10 months ago

Final JSON


{
    "profile": {
        "name": "Shubham Wasu",
        "email": "shubham.a.wasu@gmail.com",
        "phoneNumber": "7038326912",
        "roles": ["Software Engineer", "Backend Engineer", "Competitive Programeer", "Father of Billions"]
    },
    "description": "A dedicated Engineer with a passion for creating efficient and scalable web applications.",
    "projects": [
        {
            "id": 1,
            "title": "Image Captionner for Visually Impaired",
            "about": "Developed a React Native App to find an audio caption for an image clicked by a visually impaired person, perform the image captioning using pre-trained CNN and LSTM on the VizWiz dataset",
            "tags": ["ReactNative", "Python", "CNN", "LSTM"],
            "demo": "https://expo.io/@hrushimakode/expo-camera-app",
            "github": "https://github.com/HrushiMakode/expo-camera-app",
            "image": [
                "https://res.cloudinary.com/hilnmyskv/image/upload/q_auto,f_auto/v1619013121/Algolia_com_Blog_assets/Featured_images/engineering/how-we-updated-our-js-libs-for-react-native/vyrmtbcv7toiqlhibmnd.png"
            ]
        }
    ],
    "education": [
        {
            "institution": "PICT , Pune",
            "degree": "Bachelor of Science in Computer Science",
            "year": "2021",
            "cgpa/percentage": " 9.24/10.0"
        }
    ],
    "experience": [
        {
            "company": "Udchalo",
            "designation": "Software Developer",
            "dateJoining": "07-26-2021",
            "dateEnd": "Present",
            "companyLogo": "https://static.udchalo.com/client_assets/img/favicon/favicon-192x192.ico",
            "work": "udChalo aims to make flights cost effective for Ex-Servicemen / Indian armed forces, Paramilitary, Veterans and Dependents.",
            "tags": ["Serverless", "NodeJS", "AWS"]
        }
    ],
    "skills": [
        {
            "type": "FrontEnd",
            "list": [
                {
                    "name": "HTML",
                    "icon": "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/html5/html5-original.svg",
                    "link": "#"
                },
                {
                    "name": "CSS",
                    "icon": "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/css3/css3-original.svg",
                    "link": "#"
                },
                {
                    "name": "JavaScript",
                    "icon": "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/javascript/javascript-original.svg",
                    "link": "#"
                },
                {
                    "name": "ReactJS",
                    "icon": "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/react/react-original.svg",
                    "link": "#"
                }
            ]
        },
        {
            "type": "BackEnd",
            "list": [
                {
                    "name": "NodeJS",
                    "icon": "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/nodejs/nodejs-original-wordmark.svg",
                    "link": "#"
                },
                {
                    "name": "Express",
                    "icon": "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/express/express-original.svg",
                    "link": "#"
                },
                {
                    "name": "GraphQL",
                    "icon": "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/graphql/graphql-plain.svg",
                    "link": "#"
                }
            ]
        }
    ],
    "social": [
        {
            "platform": "Hacker Rank",
            "link": "https://www.hackerrank.com/hrushi_makode",
            "icon": "hackerrank"
        },
        {
            "platform": "Github",
            "link": "https://github.com/HrushiMakode",
            "icon": "github"
        },
        {
            "platform": "Codechef",
            "link": "https://www.codechef.com/users/hrushi_makode",
            "icon": "codechef"
        },
        {
            "platform": "Linkedin",
            "link": "https://www.linkedin.com/in/hrushikesh-makode-75116a147/",
            "icon": "linkedin"
        },
        {
            "platform": "Instagram",
            "link": "https://www.instagram.com/hrushikeshmakode/",
            "icon": "instagram"
        }
    ],
    "theme": {
        "light": {
            "background": "white",
            "text-primary": "black",
            "primary": "blueviolet",
            "secondary": "#dcbff6"
        },
        "dark": {
            "background": "#11072b",
            "text-primary": "#bcb6b6",
            "primary": "blueviolet",
            "secondary": "#230e35"
        }
    }
}