{"componentChunkName":"component---src-templates-blog-post-jsx","path":"/blogs/javascriptProjects","result":{"data":{"blog":{"frontmatter":{"title":"JAVASCRIPT PROJECTS","thumbnail":"blog08","date":"August 19, 2020","dsaCppCodeFile":null},"excerpt":"<div class=\"my-2 p-2\">\n<p>\nKnowing the basics of JavaScript is must and if you dont't know\nthen <a href=\"/blogs/learnJavascript\">click here</a> to know the\ntopics to be covered in JavaScript.\n</p>\n<p class=\"m-2 lead\">\n<strong\n>Check these projects to improve your JavaScript\nknowledge.</strong\n>\n</p>\n</div>\n<div class=\"row my-2 p-2\">\n<div class=\"col-md-4 my-3\">\n<h4>1. Simple Calculator</h4>\n<iframe\nwidth=\"100%\"\nheight=\"200\"\nsrc=\"https://www.youtube.com/embed/CI2GwL--ll8\"\nframeborder=\"0\"\nallow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\nallowfullscreen\n></iframe>\n</div>\n<div class=\"col-md-4 my-3\">\n<h4>2. Todo List</h4>\n<iframe\nwidth=\"100%\"\nheight=\"200\"\nsrc=\"https://www.youtube.com/embed/Ttf3CEsEwMQ\"\nframeborder=\"0\"\nallow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\nallowfullscreen\n></iframe>\n</div>\n<div class=\"col-md-4 my-3\">\n<h4>3. Budget App</h4>\n<iframe\nwidth=\"100%\"\nheight=\"200\"\nsrc=\"https://www.youtube.com/embed/YDkB4xpP6Sc\"\nframeborder=\"0\"\nallow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\nallowfullscreen\n></iframe>\n</div>\n<div class=\"col-md-4 my-3\">\n<h4>4. Bookmarker Application</h4>\n<iframe\nwidth=\"100%\"\nheight=\"200\"\nsrc=\"https://www.youtube.com/embed/DIVfDZZeGxM\"\nframeborder=\"0\"\nallow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\nallowfullscreen\n></iframe>\n</div>\n<div class=\"col-md-4 my-3\">\n<h4>5.Window Popup</h4>\n<iframe\nwidth=\"100%\"\nheight=\"200\"\nsrc=\"https://www.youtube.com/embed/APG7e7CE5O8\"\nframeborder=\"0\"\nallow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\nallowfullscreen\n></iframe>\n</div>\n<div class=\"col-md-4 my-3\">\n<h4>6. Music App</h4>\n<iframe\nwidth=\"100%\"\nheight=\"200\"\nsrc=\"https://www.youtube.com/embed/2VJlzeEVL8A\"\nframeborder=\"0\"\nallow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\nallowfullscreen\n></iframe>\n</div>\n<div class=\"col-md-4 my-3\">\n<h4>7. Meditation App</h4>\n<iframe\nwidth=\"100%\"\nheight=\"200\"\nsrc=\"https://www.youtube.com/embed/oMBXdZzYqEk\"\nframeborder=\"0\"\nallow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\nallowfullscreen\n></iframe>\n</div>\n<div class=\"col-md-4 my-3\">\n<h4>8. Whether App</h4>\n<iframe\nwidth=\"100%\"\nheight=\"200\"\nsrc=\"https://www.youtube.com/embed/wPElVpR1rwA\"\nframeborder=\"0\"\nallow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\nallowfullscreen\n></iframe>\n</div>\n<div class=\"col-md-4 my-3\">\n<h4>9. Shopping Cart</h4>\n<iframe\nwidth=\"100%\"\nheight=\"200\"\nsrc=\"https://www.youtube.com/embed/YeFzkC2awTM\"\nframeborder=\"0\"\nallow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\nallowfullscreen\n></iframe>\n</div>\n<div class=\"col-md-4 my-3\">\n<h4>10. 15 JS Projects</h4>\n<iframe\nwidth=\"100%\"\nheight=\"200\"\nsrc=\"https://www.youtube.com/embed/c5SIG7Ie0dM\"\nframeborder=\"0\"\nallow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\nallowfullscreen\n></iframe>\n</div>\n</div>\n<div class=\"my-2 p-2 text-muted\">\n<p>\nYou need not do all these projects and any 3 or 4 is enough to\nget better understanding of JS.\n</p>\n</div>\n","html":"<div class=\"my-2 p-2\">\n<p>\nKnowing the basics of JavaScript is must and if you dont't know\nthen <a href=\"/blogs/learnJavascript\">click here</a> to know the\ntopics to be covered in JavaScript.\n</p>\n<p class=\"m-2 lead\">\n<strong\n>Check these projects to improve your JavaScript\nknowledge.</strong\n>\n</p>\n</div>\n<div class=\"row my-2 p-2\">\n<div class=\"col-md-4 my-3\">\n<h4>1. Simple Calculator</h4>\n<iframe\nwidth=\"100%\"\nheight=\"200\"\nsrc=\"https://www.youtube.com/embed/CI2GwL--ll8\"\nframeborder=\"0\"\nallow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\nallowfullscreen\n></iframe>\n</div>\n<div class=\"col-md-4 my-3\">\n<h4>2. Todo List</h4>\n<iframe\nwidth=\"100%\"\nheight=\"200\"\nsrc=\"https://www.youtube.com/embed/Ttf3CEsEwMQ\"\nframeborder=\"0\"\nallow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\nallowfullscreen\n></iframe>\n</div>\n<div class=\"col-md-4 my-3\">\n<h4>3. Budget App</h4>\n<iframe\nwidth=\"100%\"\nheight=\"200\"\nsrc=\"https://www.youtube.com/embed/YDkB4xpP6Sc\"\nframeborder=\"0\"\nallow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\nallowfullscreen\n></iframe>\n</div>\n<div class=\"col-md-4 my-3\">\n<h4>4. Bookmarker Application</h4>\n<iframe\nwidth=\"100%\"\nheight=\"200\"\nsrc=\"https://www.youtube.com/embed/DIVfDZZeGxM\"\nframeborder=\"0\"\nallow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\nallowfullscreen\n></iframe>\n</div>\n<div class=\"col-md-4 my-3\">\n<h4>5.Window Popup</h4>\n<iframe\nwidth=\"100%\"\nheight=\"200\"\nsrc=\"https://www.youtube.com/embed/APG7e7CE5O8\"\nframeborder=\"0\"\nallow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\nallowfullscreen\n></iframe>\n</div>\n<div class=\"col-md-4 my-3\">\n<h4>6. Music App</h4>\n<iframe\nwidth=\"100%\"\nheight=\"200\"\nsrc=\"https://www.youtube.com/embed/2VJlzeEVL8A\"\nframeborder=\"0\"\nallow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\nallowfullscreen\n></iframe>\n</div>\n<div class=\"col-md-4 my-3\">\n<h4>7. Meditation App</h4>\n<iframe\nwidth=\"100%\"\nheight=\"200\"\nsrc=\"https://www.youtube.com/embed/oMBXdZzYqEk\"\nframeborder=\"0\"\nallow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\nallowfullscreen\n></iframe>\n</div>\n<div class=\"col-md-4 my-3\">\n<h4>8. Whether App</h4>\n<iframe\nwidth=\"100%\"\nheight=\"200\"\nsrc=\"https://www.youtube.com/embed/wPElVpR1rwA\"\nframeborder=\"0\"\nallow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\nallowfullscreen\n></iframe>\n</div>\n<div class=\"col-md-4 my-3\">\n<h4>9. Shopping Cart</h4>\n<iframe\nwidth=\"100%\"\nheight=\"200\"\nsrc=\"https://www.youtube.com/embed/YeFzkC2awTM\"\nframeborder=\"0\"\nallow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\nallowfullscreen\n></iframe>\n</div>\n<div class=\"col-md-4 my-3\">\n<h4>10. 15 JS Projects</h4>\n<iframe\nwidth=\"100%\"\nheight=\"200\"\nsrc=\"https://www.youtube.com/embed/c5SIG7Ie0dM\"\nframeborder=\"0\"\nallow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\nallowfullscreen\n></iframe>\n</div>\n</div>\n<div class=\"my-2 p-2 text-muted\">\n<p>\nYou need not do all these projects and any 3 or 4 is enough to\nget better understanding of JS.\n</p>\n</div>"},"thumbnail":{"childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='225'%20viewBox='0%200%20400%20225'%20preserveAspectRatio='none'%3e%3cpath%20d='M0%20113v112h401V0H0v113m251-8v45h90V60h-90v45m64-4c-5%202-8%207-8%2012%201%206%202%208%2011%2012l7%205c1%205-7%207-11%202l-3-2-3%202-4%202%202%203c4%205%2015%208%2022%204%204-2%206-6%206-12-1-5-3-7-11-11-7-4-9-6-6-9%202-1%205%200%207%202%201%201%201%201%204-1l4-3-3-2c-1-2-4-3-6-4h-8m-24%2016c0%2016%200%2018-4%2018l-4-2c-2-2-2-2-5%200-4%202-4%203-1%206%206%206%2018%205%2021-2%202-2%202-7%202-19v-17h-9v16'%20fill='%23d3d3d3'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":1.7699115044247788,"src":"/static/bcf6ade008716b26b941fecb6dae7399/ee604/blog08.png","srcSet":"/static/bcf6ade008716b26b941fecb6dae7399/69585/blog08.png 200w,\n/static/bcf6ade008716b26b941fecb6dae7399/497c6/blog08.png 400w,\n/static/bcf6ade008716b26b941fecb6dae7399/ee604/blog08.png 800w,\n/static/bcf6ade008716b26b941fecb6dae7399/f3583/blog08.png 1200w,\n/static/bcf6ade008716b26b941fecb6dae7399/e4d72/blog08.png 1280w","sizes":"(max-width: 800px) 100vw, 800px"}}}},"pageContext":{"blog":"javascriptProjects","thumbnail":"thumbnails/blog08.png"}},"staticQueryHashes":["2987289216","63159454"]}