project.json

[
    {
        "id": 1,
        "title": "Glass UI",
        "subtitle": "Simple UI Desingn For Pc with different night mode",
        "prjlink": "Projects/01-GlassUIDesign/index.html",
        "imglink": "projectImage/prj1.JPG",
        "sourcecode": ""
    },
    {
        "id": 2,
        "title": "One Stop Shop",
        "subtitle": "This Site is made for OSS a simple animated web site",
        "prjlink": "Projects/02-SiteMadeforOneStopshop/index.html",
        "imglink": "projectImage/prj2.JPG",
        "sourcecode": ""
    }, 
    {
        "id": 3,
        "title": "RockPaperSesior",
        "subtitle": "A simple Rock Paper Sesior Game with Computer",
        "prjlink": "Projects/03-RockPaperSesior/main.html",
        "imglink": "projectImage/prj3.png",
        "sourcecode": ""
    },
    {
        "id": 4,
        "title": "Drum🥁",
        "subtitle": "Simple Drum to play by keyboard or mouse by JS",
        "prjlink": "Projects/04-DrumFun/index.html",
        "imglink": "projectImage/prj4.jpg",
        "sourcecode": ""
    },
    {
        "id": 5,
        "title": "CatchTheJerry",
        "subtitle": "A Small Game In Which We Have To Catch The JErr To Get Point",
        "prjlink": "Projects/05-CatchTheJerry/index.html",
        "imglink": "projectImage/prj5.JPG",
        "sourcecode": ""
    },
    {
        "id": 6,
        "title": "Timer",
        "subtitle": "A Clock To Set Timer And It Will Show When The Time End",
        "prjlink": "Projects/06-TimerClock/index.html",
        "imglink": "projectImage/prj6.JPG",
        "sourcecode": ""
    },
    {
        "id": 7,
        "title": "AlarmClock",
        "subtitle": "Alarm clock By JS To Understand Time LAg of Function",
        "prjlink": "Projects/07-alarmClock/index.html",
        "imglink": "projectImage/prj7.JPG",
        "sourcecode": ""
    },
    {
        "id": 8,
        "title": "WebCam",
        "subtitle": "WebCam to apply filter And Download Photo by Js",
        "prjlink": "Projects/08-WebCam/index.html",
        "imglink": "projectImage/prj8.JPG",
        "sourcecode": ""
    },
    {
        "id": 9,
        "title": "Clock",
        "subtitle": "Simple Clock Design",
        "prjlink": "Projects/09-simpleClock/main.html",
        "imglink": "projectImage/prj9.JPG",
        "sourcecode": ""
    },
    {
        "id": 10,
        "title": "KeepNotes",
        "subtitle": "Notes App To Make Notes And Store It To Local Storage",
        "prjlink": "Projects/10-NotesMaker/index.html",
        "imglink": "projectImage/prj10.JPG",
        "sourcecode": ""
    },
    {
        "id": 11,
        "title": "Calculator",
        "subtitle": "Simple Calcilator By JS",
        "prjlink": "Projects/11-calculator/index.html",
        "imglink": "projectImage/prj11.JPG",
        "sourcecode": ""
    },
    {
        "id": 12,
        "title": "DragAndDrop",
        "subtitle": "Drag Image And Drop To Another Box BY JS",
        "prjlink": "Projects/12-dragImage/index.html",
        "imglink": "projectImage/prj12.JPG",
        "sourcecode": ""
    },
    {
        "id": 13,
        "title": "SpeedControler",
        "subtitle": "Video Speed Controler UI Design BY JS",
        "prjlink": "Projects/13-VideoSpeedControlerUI/index.html",
        "imglink": "projectImage/prj13.JPG",
        "sourcecode": ""
    },
    {
        "id": 14,
        "title": "DropDown",
        "subtitle": "Follow Along AWSM🤩 Nav DropDown BY JS",
        "prjlink": "Projects/14-SuperDropDown/index.html",
        "imglink": "projectImage/prj14.JPG",
        "sourcecode": ""
    },
    {
        "id": 15,
        "title": "StickNav",
        "subtitle": "Stiky Navagation Bar By JS",
        "prjlink": "Projects/15-stickyNavJS/index.html",
        "imglink": "projectImage/prj15.JPG",
        "sourcecode": ""
    },
    {
        "id": 16,
        "title": "Animated Nav",
        "subtitle": "Animated Navagition Bar With Simple Open And Close ",
        "prjlink": "Projects/16-NavPortable/index.html",
        "imglink": "projectImage/prj16.JPG",
        "sourcecode": ""
    },
    {
        "id": 17,
        "title": "TextToSpeach",
        "subtitle": "Text To Speach Conversion BY JS",
        "prjlink": "Projects/17-TextToSpeach/index.html",
        "imglink": "projectImage/prj17.JPG",
        "sourcecode": ""
    },
    {
        "id": 18,
        "title": "SpeachToText",
        "subtitle": "Convert Spech To Text By JS And Write it To Editiable Element",
        "prjlink": "Projects/18-SpeachToText/index.html",
        "imglink": "projectImage/prj18.JPG",
        "sourcecode": ""
    },
    {
        "id": 19,
        "title": "FollongAlong",
        "subtitle": "Follow Along Box Which Follow Those Link Where Mouse Goes",
        "prjlink": "Projects/19-FollowAlongBox/index.html",
        "imglink": "projectImage/prj19.JPG",
        "sourcecode": ""
    },
    {
        "id": 20,
        "title": "WEBPAGE",
        "subtitle": "Animated Page With Siding Image",
        "prjlink": "Projects/20-Sidelodewebpage/res.html",
        "imglink": "projectImage/prj20.JPG",
        "sourcecode": ""
    },
    {
        "id": 21,
        "title": "SENTENCEsort",
        "subtitle": "Sorting Sentences BY js Without Considering a,an,the",
        "prjlink": "Projects/21-SortingSentences/index.html",
        "imglink": "projectImage/prj21.JPG",
        "sourcecode": ""
    },
    {
        "id": 22,
        "title": "MouseLighe",
        "subtitle": "Shodowe Of Element According To Mouse Position",
        "prjlink": "Projects/22-ShadowByMouse/inndex.html",
        "imglink": "projectImage/prj22.JPG",
        "sourcecode": ""
    },
    {
        "id": 23,
        "title": "TaskManager",
        "subtitle": "To Write Task And Mark IF It Is Done",
        "prjlink": "Projects/23-taskManager/index.html",
        "imglink": "projectImage/prj23.JPG",
        "sourcecode": ""
    },
    {
        "id": 24,
        "title": "SlideOnScroll",
        "subtitle": "It is Second Type On Slide In Image On Scrol",
        "prjlink": "Projects/24-SlideOnScrollV2/temp.html",
        "imglink": "projectImage/prj24.JPG",
        "sourcecode": ""
    },
    {
        "id": 25,
        "title": "SeleceMultiple",
        "subtitle": "Sellect Multiple Item In Range By Holding Shift",
        "prjlink": "Projects/25-ShiftToSelectMutiple/index.html",
        "imglink": "projectImage/prj25.JPG",
        "sourcecode": ""
    },
    {
        "id": 26,
        "title": "VideoPlayer",
        "subtitle": "Custimised Video Player BY JS",
        "prjlink": "Projects/26-CustomVideoPlayer/index.html",
        "imglink": "projectImage/prj26.JPG",
        "sourcecode": ""
    },
    {
        "id": 27,
        "title": "Canva",
        "subtitle": "Canva To draw just Funny element ",
        "prjlink": "Projects/27-FunCanva/index.html",
        "imglink": "projectImage/prj27.JPG",
        "sourcecode": ""
    },
    {
        "id": 28,
        "title": "Editible Element",
        "subtitle": "Editiable Element BY Using JS",
        "prjlink": "Projects/28-EditableElementByJs/index.html",
        "imglink": "projectImage/prj28.JPG",
        "sourcecode": ""
    },
    {
        "id": 29,
        "title": "Search",
        "subtitle": "Search City In JSON File Among Large Data",
        "prjlink": "Projects/29-SearchCity/index.html",
        "imglink": "projectImage/prj29.JPG",
        "sourcecode": ""
    },
    {
        "id": 30,
        "title": "AdjustProperty",
        "subtitle": "Change Css Property BY JS",
        "prjlink": "Projects/30-cssPropertyByJS/main.html",
        "imglink": "projectImage/prj30.JPG",
        "sourcecode": ""
    },
    {
        "id": 31,
        "title": "Galery",
        "subtitle": "Simple Animated Walpaper Display Galery",
        "prjlink": "Projects/31-WalpaperDisplay/index.html",
        "imglink": "projectImage/prj31.JPG",
        "sourcecode": ""
    },
    {
        "id": 32,
        "title": "TOtalTime",
        "subtitle": "Total Video Time BY USing JS From HTML Element",
        "prjlink": "Projects/32-totalVideoInternalTime/index.html",
        "imglink": "projectImage/prj32.JPG",
        "sourcecode": ""
    },
    {
        "id": 33,
        "title": "ScrollMenue",
        "subtitle": "Scroll Menue BY Click And Drag/Move ",
        "prjlink": "Projects/33-ScrollMenue/index.html",
        "imglink": "projectImage/prj33.JPG",
        "sourcecode": ""
    },
    {
        "id": 34,
        "title": "3D CSS",
        "subtitle": "3D object in css by using prespective",
        "prjlink": "Projects/34-3dCss/index.html",
        "imglink": "projectImage/prj34.png",
        "sourcecode": ""
    }
]