{"componentChunkName":"component---src-templates-blog-post-jsx","path":"/blogs/reactJsProjects","result":{"data":{"blog":{"frontmatter":{"title":"REACT JS PROJECTS","thumbnail":"blog10","date":"August 23, 2020","dsaCppCodeFile":null},"excerpt":"<div class=\"my-2 p-2\">\n<p>\nYou must know the basics of\n<a href=\"/blogs/learnJavascript\">JavaScript</a> and\n<a href=\"/blogs/learnReactJS\">React</a> before diving into React\nProjects\n</p>\n<p class=\"m-2 lead\">\n<b>Check these projects to improve your React JS knowledge.</b>\n</p>\n</div>\n<div class=\"row my-2 p-2\">\n<div class=\"col-md-4 my-3\">\n<h4>1. Recipe App</h4>\n<iframe\n    width=\"100%\"\n    height=\"200\"\n    src=\"https://www.youtube.com/embed/U9T6YkEDkMo\"\n    frameborder=\"0\"\n    allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n    allowfullscreen\n></iframe>\n</div>\n<div class=\"col-md-4 my-3\">\n<h4>2. Github Jobs App</h4>\n<iframe\n    width=\"100%\"\n    height=\"200\"\n    src=\"https://www.youtube.com/embed/fxY1q4SCB64\"\n    frameborder=\"0\"\n    allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n    allowfullscreen\n></iframe>\n</div>\n<div class=\"col-md-4 my-3\">\n<h4>3. Coronavirus Tracker</h4>\n<iframe\n    width=\"100%\"\n    height=\"200\"\n    src=\"https://www.youtube.com/embed/khJlrj3Y6Ls\"\n    frameborder=\"0\"\n    allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n    allowfullscreen\n></iframe>\n</div>\n<div class=\"col-md-4 my-3\">\n<h4>4. Whether App</h4>\n<iframe\n    width=\"100%\"\n    height=\"200\"\n    src=\"https://www.youtube.com/embed/IxuqmfO6p28\"\n    frameborder=\"0\"\n    allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n    allowfullscreen\n></iframe>\n</div>\n<div class=\"col-md-4 my-3\">\n<h4>5. Expense Tracker</h4>\n<iframe\n    width=\"100%\"\n    height=\"200\"\n    src=\"https://www.youtube.com/embed/XuFDcZABiDQ\"\n    frameborder=\"0\"\n    allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n    allowfullscreen\n></iframe>\n</div>\n<div class=\"col-md-4 my-3\">\n<h4>6. Youtube Clone</h4>\n<iframe\n    width=\"100%\"\n    height=\"200\"\n    src=\"https://www.youtube.com/embed/VPVzx1ZOVuw\"\n    frameborder=\"0\"\n    allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n    allowfullscreen\n></iframe>\n</div>\n<div class=\"col-md-4 my-3\">\n<h4>7. City Tours</h4>\n<iframe\n    width=\"100%\"\n    height=\"200\"\n    src=\"https://www.youtube.com/embed/HfJjzmSaLuQ\"\n    frameborder=\"0\"\n    allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n    allowfullscreen\n></iframe>\n</div>\n<div class=\"col-md-4 my-3\">\n<h4>8. Image Search Application</h4>\n<iframe\n    width=\"100%\"\n    height=\"200\"\n    src=\"https://www.youtube.com/embed/3OolwmBExB0\"\n    frameborder=\"0\"\n    allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n    allowfullscreen\n></iframe>\n</div>\n<div class=\"col-md-4 my-3\">\n<h4>9. Todo List</h4>\n<iframe\n    width=\"100%\"\n    height=\"200\"\n    src=\"https://www.youtube.com/embed/nvHeB32ICDM\"\n    frameborder=\"0\"\n    allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n    allowfullscreen\n></iframe>\n</div>\n<div class=\"col-md-4 my-3\">\n<h4>10. Currency Converter</h4>\n<iframe\n    width=\"100%\"\n    height=\"200\"\n    src=\"https://www.youtube.com/embed/XN5elYWiSuw\"\n    frameborder=\"0\"\n    allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n    allowfullscreen\n></iframe>\n</div>\n</div>\n<div class=\"my-2 p-2 text-muted\">\n<p>\nKeep working on projects untill you get better understanding of\nconcepts!!!\n</p>\n</div>\n","html":"<div class=\"my-2 p-2\">\n<p>\nYou must know the basics of\n<a href=\"/blogs/learnJavascript\">JavaScript</a> and\n<a href=\"/blogs/learnReactJS\">React</a> before diving into React\nProjects\n</p>\n<p class=\"m-2 lead\">\n<b>Check these projects to improve your React JS knowledge.</b>\n</p>\n</div>\n<div class=\"row my-2 p-2\">\n<div class=\"col-md-4 my-3\">\n<h4>1. Recipe App</h4>\n<iframe\n    width=\"100%\"\n    height=\"200\"\n    src=\"https://www.youtube.com/embed/U9T6YkEDkMo\"\n    frameborder=\"0\"\n    allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n    allowfullscreen\n></iframe>\n</div>\n<div class=\"col-md-4 my-3\">\n<h4>2. Github Jobs App</h4>\n<iframe\n    width=\"100%\"\n    height=\"200\"\n    src=\"https://www.youtube.com/embed/fxY1q4SCB64\"\n    frameborder=\"0\"\n    allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n    allowfullscreen\n></iframe>\n</div>\n<div class=\"col-md-4 my-3\">\n<h4>3. Coronavirus Tracker</h4>\n<iframe\n    width=\"100%\"\n    height=\"200\"\n    src=\"https://www.youtube.com/embed/khJlrj3Y6Ls\"\n    frameborder=\"0\"\n    allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n    allowfullscreen\n></iframe>\n</div>\n<div class=\"col-md-4 my-3\">\n<h4>4. Whether App</h4>\n<iframe\n    width=\"100%\"\n    height=\"200\"\n    src=\"https://www.youtube.com/embed/IxuqmfO6p28\"\n    frameborder=\"0\"\n    allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n    allowfullscreen\n></iframe>\n</div>\n<div class=\"col-md-4 my-3\">\n<h4>5. Expense Tracker</h4>\n<iframe\n    width=\"100%\"\n    height=\"200\"\n    src=\"https://www.youtube.com/embed/XuFDcZABiDQ\"\n    frameborder=\"0\"\n    allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n    allowfullscreen\n></iframe>\n</div>\n<div class=\"col-md-4 my-3\">\n<h4>6. Youtube Clone</h4>\n<iframe\n    width=\"100%\"\n    height=\"200\"\n    src=\"https://www.youtube.com/embed/VPVzx1ZOVuw\"\n    frameborder=\"0\"\n    allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n    allowfullscreen\n></iframe>\n</div>\n<div class=\"col-md-4 my-3\">\n<h4>7. City Tours</h4>\n<iframe\n    width=\"100%\"\n    height=\"200\"\n    src=\"https://www.youtube.com/embed/HfJjzmSaLuQ\"\n    frameborder=\"0\"\n    allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n    allowfullscreen\n></iframe>\n</div>\n<div class=\"col-md-4 my-3\">\n<h4>8. Image Search Application</h4>\n<iframe\n    width=\"100%\"\n    height=\"200\"\n    src=\"https://www.youtube.com/embed/3OolwmBExB0\"\n    frameborder=\"0\"\n    allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n    allowfullscreen\n></iframe>\n</div>\n<div class=\"col-md-4 my-3\">\n<h4>9. Todo List</h4>\n<iframe\n    width=\"100%\"\n    height=\"200\"\n    src=\"https://www.youtube.com/embed/nvHeB32ICDM\"\n    frameborder=\"0\"\n    allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n    allowfullscreen\n></iframe>\n</div>\n<div class=\"col-md-4 my-3\">\n<h4>10. Currency Converter</h4>\n<iframe\n    width=\"100%\"\n    height=\"200\"\n    src=\"https://www.youtube.com/embed/XN5elYWiSuw\"\n    frameborder=\"0\"\n    allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n    allowfullscreen\n></iframe>\n</div>\n</div>\n<div class=\"my-2 p-2 text-muted\">\n<p>\nKeep working on projects untill you get better understanding of\nconcepts!!!\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%2073c0%2066%200%2078%202%2073h1c0%202%202%201%202-2%200-2%200-2%201-1l3%202h2l2-1c1-2%204-3%205%200h2c0-2%200-2%203-1%202%202%208%202%207%201l1-1%205-1c3-2%204-2%204%200%201%202%203%202%203-1h5c4-1%205%200%203%201l2%201h11c7%200%2010-1%208-3v-1l3%202h1c0-2%201-2%201-1h12l2-1h1l1-1h12c5%200%206%200%206-2h1l5%201h7l1-1h4c0-1%201-2%203-1h4l-3%201c-3%200-3%201-2%201%201%201%203%200%206-1h5c1-1%202-2%205-1%204%200%205%200%205-2l1%201c1%201%201%202%202%201h1l2-1%202-1%201%201v1l2-1%201-1v2l1%201%201-1h2c3%200%204%200%206-2l2-1%201%201c1-1%202%200%203%201%202%202%207%201%2010-1l2-3v3c0%202%200%202%207%202h8l-1-7%201-5%201%203c0%205%203%209%207%209%203%200%208-4%208-6%200-1%201-2%202-1v-1c-1-1-1-1%201-1%202%201%202%200%202-2l-1-3v-1c2%200%202%201%202%208v7h6v-7c0-4%200-7%201-6%201%202%202%203%204%202l3%201%203%202c3%202%202%204-1%202-3-1-3-1-4%201s-1%202%202%204%207%201%209-1%203-10%201-10h-2c-1-1-1-1%202-1l3%201v1l2-1c0-2%200-2%2010-2%206%200%208-1%208-2l3-1h7c1%201%201%201%201-1l1-1h7l1%201c1-2%204-2%204-1h5c2%201%205%200%204-1h8c5%200%207%200%206-1l-1-2%202%201%205%201h4l3-1%203-1%203-1h7l1-1h17c0-2%204-2%205-1h1c0-1%201-2%204-2h12l1-1v1l2%201h5l-1-1-1-1h4l1%2019%201-52V0H0v73m79-26c-4%202-5%206-5%2014l1%208-5%201c-15%206-15%2016-2%2023l6%203v8c0%208%200%208%203%2011%201%202%204%203%205%203%203%200%2012-4%2015-7%201-2%201-2%205%201%2010%208%2019%208%2021-1v-10l-1-5%207-3c10-5%2013-11%207-17l-13-7v-7c1-16-6-20-20-11l-5%204-2-2-13-7-4%201m0%205c-2%202-2%2013%200%2015h6c4-1%205-2%208-5%203-5%203-5-3-9-5-3-9-4-11-1m28%201c-6%204-6%204-3%208s4%205%209%206l6%201%201-7c1-10-4-14-13-8M90%2071l-4%207-2%204%203%206%204%207h15l4-7%203-6-3-7-4-6h-7c-7%200-8%200-9%202m-21%204c-9%205-9%209-1%2014%207%204%208%204%2010-2%202-5%202-5%200-10-2-6-2-6-9-2m50%202l-2%205%202%205c3%206%203%206%2011%201%204-2%205-3%205-6s-1-4-5-6c-8-5-8-5-11%201m-26%201c-4%205-1%2011%206%2011%203%200%207-4%207-7s-4-7-7-7-4%201-6%203m-16%2024c-1%2012%205%2015%2015%208l4-3-3-4-3-5-6-1h-6l-1%205m34-4c-2%200-4%202-6%204l-4%205%203%202c11%209%2018%205%2016-8-1-4-2-4-9-3'%20fill='%23d3d3d3'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":1.7699115044247788,"src":"/static/b2c4604e7ea3b5f5d0ae8cc0c0f06527/ee604/blog10.png","srcSet":"/static/b2c4604e7ea3b5f5d0ae8cc0c0f06527/69585/blog10.png 200w,\n/static/b2c4604e7ea3b5f5d0ae8cc0c0f06527/497c6/blog10.png 400w,\n/static/b2c4604e7ea3b5f5d0ae8cc0c0f06527/ee604/blog10.png 800w,\n/static/b2c4604e7ea3b5f5d0ae8cc0c0f06527/f3583/blog10.png 1200w,\n/static/b2c4604e7ea3b5f5d0ae8cc0c0f06527/e4d72/blog10.png 1280w","sizes":"(max-width: 800px) 100vw, 800px"}}}},"pageContext":{"blog":"reactJsProjects","thumbnail":"thumbnails/blog10.png"}},"staticQueryHashes":["2987289216","63159454"]}