data.json

[
    [
        {
            "id": "1",
            "title": "Tic Tac Toe Online",
            "description": "A xo game where you can play vs easy/hard bot. You can also play vs local/online player. Chat with people, invite them, win more games and rank up. Backend by Ahmed Yasser.",
            "url": "https://xo-online.herokuapp.com/",
            "img": "./images/xo.png"
        },
        {
            "id": "2",
            "title": "Ask-Bin",
            "description": "Ask-Bin is my first Full Stack website. It's where users can create {forms, quizzes, tests} , share them with people and receive their answers.",
            "url": "https://ask-bin.000webhostapp.com/home.php",
            "img": "./images/ab.png"
        },
        {
            "id": "3",
            "title": "Math Exam",
            "description": "An online math test that generates random math equations with leaderboard. Backend by Ahmed Yasser.",
            "url": "https://mathexams.herokuapp.com/",
            "img": "./images/me.png"
        },
        {
            "id": "4",
            "title": "Online Quiz",
            "description": "It's just an one-page web-skills quiz with leaderboard. Using Leaderboard API created by Ahmed Yasser.",
            "url": "https://ahmed0saber.github.io/ehrth/HTML_Test.html",
            "img": "./images/oq.png"
        },
        {
            "id": "5",
            "title": "Puzzle 2048",
            "description": "A game created by me, supported by leaderboard API which is created by Ahmed Yasser.",
            "url": "https://ahmed0saber.github.io/ehrth/puzzle2048remade.html",
            "img": "./images/p2.png"
        },
        {
            "id": "6",
            "title": "Image Store",
            "description": "An image store using unsplashAPI where you can search for images and download them.",
            "url": "https://ahmed0saber.github.io/ehrth/image_store.html",
            "img": "./images/is.png"
        },
        {
            "id": "7",
            "title": "Secret Space",
            "description": "A website where you can send and receive messages without mentioning the message-sender name. Backend by Mohammed El Ganainy.",
            "url": "https://secret-space.herokuapp.com/",
            "img": "./images/ss.png"
        },
        {
            "id": "8",
            "title": "Global Chat",
            "description": "A website where you can send messages globally. Backend by Ahmed Yasser.",
            "url": "https://globalonlinechat.herokuapp.com/",
            "img": "./images/gc.png"
        },
        {
            "id": "9",
            "title": "Technical Documentation",
            "description": "A technical documentation or tutorial for C# programming language basics.",
            "url": "https://ahmed0saber.github.io/freecodecamp-tasks/technical%20documentation/",
            "img": "./images/td.png"
        }
    ],
    [
        {
            "id": "0",
            "pri": "#DC143C",
            "scrollHover": "#EC244C",
            "imgBorder": "#DC143Caa"
        },
        {
            "id": "1",
            "pri": "#FF4301",
            "scrollHover": "#FF5311",
            "imgBorder": "#FF4301aa"
        },
        {
            "id": "2",
            "pri": "#D89216",
            "scrollHover": "#E8a226",
            "imgBorder": "#D89216aa"
        },
        {
            "id": "3",
            "pri": "#A7D129",
            "scrollHover": "#B7E139",
            "imgBorder": "#A7D129aa"
        },
        {
            "id": "4",
            "pri": "#03C4A1",
            "scrollHover": "#13D4B1",
            "imgBorder": "#03C4A1aa"
        },
        {
            "id": "5",
            "pri": "#FD367E",
            "scrollHover": "#FD468E",
            "imgBorder": "#FD367Eaa"
        },
        {
            "id": "6",
            "pri": "#C400C6",
            "scrollHover": "#D410D6",
            "imgBorder": "#C400C6aa"
        }
    ]
]