data = `[
    {
        "header": "The Very Beginning",
        "name": "Car Insurance",
        "category": "HTML5, CSS3, JavaScript",
        "screenshot": "images/carinsurance.JPG",
        "details": "The used formula for the calculation of the insurance sum: <br> insurance = (horsepower * 100 * risk_country) / (age * risk_age) <br> note: there might be more variables in  real world insurance premium calculation..",
        "url": "./carinsurance/index.html",
        "github": "https://github.com/manolf/CFLMS-Thamer-CodeReview-03.git"
    },
    {
        "header": "The Very Beginning",
        "name": "Roll the Dice",
        "category": "HTML5, CSS3, JavaScript",
        "screenshot": "images/rollthedice.JPG",
        "details": "A very exciting 2 player dice game <br><span><u>customizing: </u></span> You can personalize the game with giving names to the player and choose the amount of dices <br><u> output: </u></span> the board gives out the sum of the dices and tells you who has won or lost or if there was a draw " ,
        "url": "./dice/index.html",
        "github": "https://github.com/manolf/CFLSM-JAVASCRIPT_THAMER_DICE.git"
    },
    {
        "header": "Front End",
        "name": "Travel Agency",
        "category": "Angular, HTML5, CSS3, Typescript",
        "screenshot": "images/travel.JPG",
        "details": "<span><u>Travel Ageny: </u></span> 1st Angular Project <br> <span><u>Travel Cart:</u></span> webshop functionality <br> chosen travels go into the shopping cart <br>  <span><u>TypeScript Functions </u></span> for calculation of price, sum and discount<br> <span><u>Imported Design library: </u></span> Sweet Alert",
        "url": "./myTravelOffers/index.html",
        "github": "https://github.com/manolf/CFLMS-Manuela-CodeReview-07.git"
    },
    {
        "header": "Front End",
        "name": "Urban Mushrooming",
        "category": "Angular, HTML5, CSS3, Bootstrap",
        "screenshot": "images/lagomba.JPG",
        "details": "<span><u>Group Project: </u></span> In Team with Admir, Ahmed and Andy <br> <span><u>Settings:</u></span> 4 days time for the clients requirements: Frontend Page with introduction, recipes and contact site <br> <span><u>Output:</u></span> Great Teamwork: We had the perfect solution and the perfect design (it was just <br> surprising that Client Nora took the main focus on the 'wrong' kind of mushrooms on the parallax image as she is cultivating Oyster Mushrooms ..) <br><span><u>What we are proud of: </u></span> First successful Github-merging of an angular based project! <br> Page navigation, google map functionality, browsing with M-Tabs, different colours of yellow, js navigation button to the top...",
        "url": "http://pirkner.codefactory.live/magicofmushrooms/",
        "github": "https://github.com/manolf/LMSCF-FrontEnd-team11.git"
    },
    {
        "header": "Full Stack",
        "name": "Pet Adoption Site",
        "category": "HTML5, CSS3, PHP, JQUERY, AJAX",
        "screenshot": "images/petshop.jpg",
        "details": "<span><u>Login- and Administration System </u></span> <br>register and login for userrole <br> admin-access: admin@gmail.com pw: waldemar <br> <span><u>CRUD: </u></span>(possibility to CReate, edit, update and delete animal card data <br> <span><u>Adminpanel:</u></span> Functionality for Superadministrator to edit User Roles and Admins to Edit Animal Data <br> <span><u>Responsiveness:</u> </span>Tested for Chrome and Firefox Browser for Mobile, Tablet and Desktopview <br> <span><u>Userfriendlyness:</u></span> Search Function <br>",
        "url": "./animals/index.php",
        "github": "https://github.com/manolf/LMSCF-manuela-thamer-petadoption-CR11.git"
    },
    {
        "header": "Back End",
        "name": "Autumn of Rock",
        "category": "Symfony",
        "screenshot": "images/autumnofrock.JPG",
        "details": "<span><u>Eventsite: </u></span> developed with Symfony 4.3 <br> <span><u>Functionalities: </u></span> CRUD for adding, updating and deleting events <br>Filter functions for browsing different categories of Rock <br> <span><u>unfortunately </u></span> the current server does not support this version of Symfony <br>",
        "url": "https://github.com/manolf/CFLMS-Manuela-Thamer-CodeReview13.git",
        "github": "https://github.com/manolf/CFLMS-Manuela-Thamer-CodeReview13.git"
    },
    {
        "header": "Full Stack",
        "name": "Entrepreneurs 4 Future",
        "category": "HTML5, CSS3, PHP, API, RSS",
        "screenshot": "images/EF4.JPG",
        "details": "Customers Project <br><span><u>customers requirements: </u></span><br>-> Sustainable Homepage/Business App with following components <br> -> about us page <br>  -> overview list (possibly with a map / location) where you can find companies that are members <br> -> news feed where we can put news, updates, current (strike) dates <br> -> point from where you can directly sign the statement <br> -> success-stories and friends section <br><span><u>Adminpanel:</u></span> adminuser: admin@gmail.com pw: 123123 <br> <span><u>Responsiveness:</u> </span>Tested for Chrome and Firefox Browser for Mobile, Tablet and Desktopview <br><span><u>Project outline:</u></span> in Team with Bruno, Eva-Anna and Manuel <br> time: 10 days <br> three working in Vienna, one @ Bodensee <br><span><u>what we are proud of:</u></span> to have accomplished all these in that short period of time <br>",
        "url": "./entre/index.php",
        "github": "https://github.com/manolf/FULLSTACK_EF4.git"
    },
    {
        "header": "Front End",
        "name": "Portfolio Homepage",
        "category": "React, JavaScript, JSX",
        "screenshot": "images/reactpf.JPG",
        "details": "React Basics <br><span><u>technical details: </u></span><br>-> Use of react hooks <br> -> useState() <br>  -> useEffect() <br> -> Props Destructuring  <br> -> Key Prop and Spread operator <br>",
        "url": "https://manolf-vibrant.netlify.app",
        "github": "https://github.com/manolf/reactPortfolio.git"
    },
    {
        "header": "Front End",
        "name": "Restaurants Page",
        "category": "React, JavaScript, JSX",
        "screenshot": "images/stadtkrems.JPG",
        "details": "New Restaurants Page <br><span><u>technical details: </u></span><br>-> Automatical creation of Filter buttons and filtering <br>-> React Hooks: useState(), useEffect(), useRef()",
        "url": "https://dieneuestadtkrems.netlify.app",
        "github": "https://github.com/manolf/reactProjectOne"
    },
    {
        "header": "Full Stack",
        "name": "Fitness Advent Calendar",
        "category": "HTML, CSS, JavaScript, PHP",
        "screenshot": "images/calendar.jpg",
        "details": "the healthy alternative to chocolate and punsch",
        "url": "https://www.fitmithanno.fun/advent",
        "github": "https://github.com/manolf/advent"
    },
        {
        "header": "Front End",
        "name": "Merry XMas",
        "category": "HTML, CSS",
        "screenshot": "images/xmas.JPG",
        "details": "animation with keyframes",
        "url": "./xmas/index.html",
        "github": "https://github.com/manolf/advent"
    },
        {
        "header": "Full Stack",
        "name": "Workout Generator",
        "category": "HTML, CSS, JavaScript, PHP, AJAX",
        "screenshot": "images/fitmithanno.jpg",
        "details": "online workout generator and diary",
        "url": "https://www.fitmithanno.fun",
        "github": "https://github.com/manolf/wodgenerator"
    },
            {
        "header": "Full Stack",
        "name": "Mentalcoaching",
        "category": "Wordpress, SEO",
        "screenshot": "images/limitless-mental.png",
        "details": "<span><u>Customers Project</u></span> <br> Doris and Bianca are looking forward to showing you new perceptions of life <br> Develope your own way and strategies for leading a joyful, happy and healthy life!",
        "url": "https://www.limitless-mental.at",
        "github": "https://www.google.com/search?q=limitless+mental+graz&oq=limitless+mental+graz&aqs=chrome..69i57j33i160.3664j1j4&sourceid=chrome&ie=UTF-8"
    }

]`
