resume-maker/src/template/ProjectSection.ts

resume-maker

export default function ProjectSection(data) {
    
    function item(){
        
        let result = '';

        data.map( (data) => {
            
            let html = `
                <div>
                    <a  ${ data.link ? 'href="'+data.link : '' } " target="_blank" ><h3>${ data.name || '' }</a></h3></a>
                    <h4>${ data.date = data.date || {} , data.date.start || '' } &mdash; ${ data.date.end || '' }</h4>
                    <p>${ data.bio || '' }</p>
                </div>
            `;

            result += html;         
        });

        return result;
    }
    
    return `
        <section>
        <header>
            <h2>Projects</h2>
        </header>
        ${ item() }
        </section>    
    `;
}