{"componentChunkName":"component---src-templates-blog-post-jsx","path":"/blogs/electronJSProjects","result":{"data":{"blog":{"frontmatter":{"title":"ELECTRON JS PROJECTS","thumbnail":"blog54","date":"April 9, 2021","dsaCppCodeFile":null},"excerpt":"<div class=\"my-2 p-2\">\n              <p>\n                You must know the basics of\n                <a href=\"/blogs/learnJavascript\">JavaScript</a> and\n                <a href=\"/blogs/learnElectronJS\">Electron JS</a> before diving\n                into Electron Projects\n              </p>\n              <p class=\"m-2 lead\">\n                <strong\n                  >Check these projects to improve your Electron JS\n                  knowledge.</strong\n                >\n              </p>\n            </div>\n            <div class=\"row my-2 p-2\">\n              <div class=\"col-md-6 my-3\">\n                <h4>System Info App</h4>\n                <iframe\n                  width=\"100%\"\n                  height=\"250\"\n                  src=\"https://youtube.com/embed/mr9Mtm_TRpw\"\n                  frameborder=\"0\"\n                  allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n                  allowfullscreen\n                ></iframe>\n              </div>\n              <div class=\"col-md-6 my-3\">\n                <h4>Shopping/Todo List App</h4>\n                <iframe\n                  width=\"100%\"\n                  height=\"250\"\n                  src=\"https://www.youtube.com/embed/kN1Czs0m1SU\"\n                  frameborder=\"0\"\n                  allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n                  allowfullscreen\n                ></iframe>\n              </div>\n              <div class=\"col-md-6 my-3\">\n                <h4>Youtube Stats App</h4>\n                <iframe\n                  width=\"100%\"\n                  height=\"250\"\n                  src=\"https://www.youtube.com/embed/Ea2lWsumTrM\"\n                  frameborder=\"0\"\n                  allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n                  allowfullscreen\n                ></iframe>\n              </div>\n              <div class=\"col-md-6 my-3\">\n                <h4>Integrate with React JS</h4>\n                <iframe\n                  width=\"100%\"\n                  height=\"250\"\n                  src=\"https://www.youtube.com/embed/VCl8li22mrA\"\n                  frameborder=\"0\"\n                  allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n                  allowfullscreen\n                ></iframe>\n              </div>\n              <div class=\"col-12\">\n                <p>\n                  These are all basic application that gives you knowledge of\n                  how to build a desktop app. Try converting your web apps into\n                  desktop apps and have fun!!!\n                </p>\n              </div>\n            </div>\n","html":"<div class=\"my-2 p-2\">\n              <p>\n                You must know the basics of\n                <a href=\"/blogs/learnJavascript\">JavaScript</a> and\n                <a href=\"/blogs/learnElectronJS\">Electron JS</a> before diving\n                into Electron Projects\n              </p>\n              <p class=\"m-2 lead\">\n                <strong\n                  >Check these projects to improve your Electron JS\n                  knowledge.</strong\n                >\n              </p>\n            </div>\n            <div class=\"row my-2 p-2\">\n              <div class=\"col-md-6 my-3\">\n                <h4>System Info App</h4>\n                <iframe\n                  width=\"100%\"\n                  height=\"250\"\n                  src=\"https://youtube.com/embed/mr9Mtm_TRpw\"\n                  frameborder=\"0\"\n                  allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n                  allowfullscreen\n                ></iframe>\n              </div>\n              <div class=\"col-md-6 my-3\">\n                <h4>Shopping/Todo List App</h4>\n                <iframe\n                  width=\"100%\"\n                  height=\"250\"\n                  src=\"https://www.youtube.com/embed/kN1Czs0m1SU\"\n                  frameborder=\"0\"\n                  allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n                  allowfullscreen\n                ></iframe>\n              </div>\n              <div class=\"col-md-6 my-3\">\n                <h4>Youtube Stats App</h4>\n                <iframe\n                  width=\"100%\"\n                  height=\"250\"\n                  src=\"https://www.youtube.com/embed/Ea2lWsumTrM\"\n                  frameborder=\"0\"\n                  allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n                  allowfullscreen\n                ></iframe>\n              </div>\n              <div class=\"col-md-6 my-3\">\n                <h4>Integrate with React JS</h4>\n                <iframe\n                  width=\"100%\"\n                  height=\"250\"\n                  src=\"https://www.youtube.com/embed/VCl8li22mrA\"\n                  frameborder=\"0\"\n                  allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n                  allowfullscreen\n                ></iframe>\n              </div>\n              <div class=\"col-12\">\n                <p>\n                  These are all basic application that gives you knowledge of\n                  how to build a desktop app. Try converting your web apps into\n                  desktop apps and have fun!!!\n                </p>\n              </div>\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='M84%2066c-3%205%204%2011%209%207%203-3%2010%207%2013%2019%203%2011%203%2020%200%2037l1%204c3%200%205-27%203-39-2-10-7-19-12-23l-3-4c0-4-8-5-11-1m157%200c-3%201-4%203-4%2016%200%2011%200%2012%202%2014%204%204%2010%201%2010-6%200-5-4-6-4-1l-2%204-1-11%201-12%202%204c0%205%204%204%204-1s-4-9-8-7m56%200c-3%202-4%207-4%2018%201%209%201%2010%203%2012%203%203%205%202%208%200%203-4%203-25%200-29-3-2-4-2-7-1m63%202c-3%203-2%207%202%2015%204%206%205%2010%202%2010l-2-3c0-4-5-2-4%202%200%205%206%208%2010%204%204-3%203-8-1-16-4-5-5-10-3-10l2%202c0%201%201%202%203%202s2%200%202-3c-2-6-7-7-11-3M185%2082v15h6c5%200%205%200%205-2s-1-3-3-3c-3%200-3-1-3-4s0-4%202-4l2-2c0-2-1-3-2-3-2%200-2-1-2-4%200-4%200-4%203-4s3%200%203-2c0-3%200-3-5-3h-6v16m18%200v15h6c4%200%205%200%205-2%200-1-1-2-3-2h-3l-1-14c0-12%200-13-2-13s-2%201-2%2016m17%200v15h5c5%200%205%200%205-3%200-2%200-2-3-2-2%200-3%200-3-4s0-4%202-4c4%200%204-5%201-5-2%200-3-1-3-4%200-4%200-4%203-4s3%200%203-2c0-3%200-3-5-3h-5v16m35-13l2%202c2%200%202%201%202%2013v13h5V84c0-12%200-13%202-13l2-2c0-3%200-3-6-3-7%200-7%200-7%203m19%2013v15h3c2%200%202%200%202-7v-6l2%206c1%206%202%207%204%207s2%200%202-2c-3-9-3-12-1-16%203-7-1-13-8-13h-4v16m39%200v15h5v-8c-1-9%200-9%203%201%201%206%202%207%204%207h2V66h-3c-2%200-2%200-2%208%201%209%200%209-2%200-2-7-3-8-5-8h-2v16m33-2l-1%2013-1%203c0%203%202%203%205%200%202-2%202-3%202-16V66h-5v14M61%2083c-7%202-10%206-10%2012%200%205%203%2012%204%2012s1-1-1-6c-4-11%201-16%2015-17%209%200%2012-1%206-2-5-1-10-1-14%201m49-1c-2%201-1%202%202%202%2013%200%2017%2011%209%2023-4%206-4%209%200%204%2011-14%208-27-7-29h-4m-17%202c-22%208-42%2026-42%2039l-1%204c-4%203-1%2010%204%2010s7-8%202-11c-4-2-4-3%200-10%205-11%2022-24%2037-29%209-3%209-3%207-4l-7%201m-33%2030l13%2012c14%209%2031%2014%2042%2012l9-1c4%200%207-3%207-6%200-2-5-6-6-6-3%200-6%204-6%207%201%203-2%204-10%204-11%200-29-8-41-17-7-6-8-7-8-5m190%201c-2%202-3%2025-1%2028s5%203%208%201%203-2%203-15-1-16-6-16l-4%202m50%200c-2%202-3%2025-1%2028%204%205%2011%202%2011-5%200-3%200-4-2-4s-2%201-2%203c0%203-2%205-3%203-2-3-1-21%201-21%201%200%202%201%202%203%201%204%203%203%204-1%200-7-6-10-10-6m37%200c-3%202-3%208%200%2013%204%205%206%2010%205%2011-1%203-3%202-3%200s0-3-2-3-3%201-3%202c0%205%205%209%209%207%205-3%205-8%200-17l-4-8c1-3%203-2%203%200%201%203%205%203%205%200%200-6-5-8-10-5m-128%2015v15h3c2%200%202%200%202-6%200-5%200-6%203-7%203-2%205-6%205-10-1-6-3-8-9-8h-4v16m19%200v15h3c2%200%202%200%202-7s1-7%202%202c1%204%201%205%204%205%202%200%202%200%200-11l1-6c3-7%200-14-8-14h-4v16m40-2l-1%2013-1%202c0%202%201%202%203%202%203%200%204-3%204-17v-14h-5v14m13%202v15h5c5%200%205%200%205-2%200-3%200-3-3-3s-3%200-3-4c0-3%200-4%202-4%203-1%204-5%201-5-4-1-4-8%200-9%202%200%203-1%203-2%200-2-1-2-5-2h-5v16m34-14l2%202c2%200%203%201%203%2014v13h5v-13c0-13%200-14%202-14l2-2c0-2-1-2-7-2s-7%200-7%202M72%20135c2%207%208%2015%2014%2017%205%202%2011-1%2015-6%205-7%203-7-3%200-8%207-15%205-22-7-3-6-6-8-4-4'%20fill='%23d3d3d3'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":1.7699115044247788,"src":"/static/d87de5589009fa63945b0779a74b9d14/ee604/blog54.png","srcSet":"/static/d87de5589009fa63945b0779a74b9d14/69585/blog54.png 200w,\n/static/d87de5589009fa63945b0779a74b9d14/497c6/blog54.png 400w,\n/static/d87de5589009fa63945b0779a74b9d14/ee604/blog54.png 800w,\n/static/d87de5589009fa63945b0779a74b9d14/f3583/blog54.png 1200w,\n/static/d87de5589009fa63945b0779a74b9d14/5707d/blog54.png 1600w,\n/static/d87de5589009fa63945b0779a74b9d14/9ddc6/blog54.png 2240w","sizes":"(max-width: 800px) 100vw, 800px"}}}},"pageContext":{"blog":"electronJSProjects","thumbnail":"thumbnails/blog54.png"}},"staticQueryHashes":["2987289216","63159454"]}