{"componentChunkName":"component---src-templates-blog-post-jsx","path":"/blogs/MERNStackProjects","result":{"data":{"blog":{"frontmatter":{"title":"MERN STACK PROJECTS","thumbnail":"blog13","date":"August 30, 2020","dsaCppCodeFile":null},"excerpt":"<div class=\"my-2 p-2\">\n              <p>\n                Knowing the basics of\n                <a href=\"/blogs/learnReactJS\">React JS</a>,\n                <a href=\"/blogs/learnMEN\">Node.js, Express JS and MongoDB</a>\n                technologies is must before diving into Fullstack MERN\n                Applications.\n              </p>\n              <p class=\"m-2 lead\">\n                <b>Check these projects for Fullstack MERN Applications.</b>\n              </p>\n            </div>\n            <div class=\"row my-1 p-2\">\n              <div class=\"col-md-4 my-3\">\n                <h4>1. Exercise Tracker</h4>\n                <iframe\n                  width=\"100%\"\n                  height=\"200\"\n                  src=\"https://www.youtube.com/embed/7CqJlxBYj-M\"\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. Payment Gateway</h4>\n                <iframe\n                  width=\"100%\"\n                  height=\"200\"\n                  src=\"https://www.youtube.com/embed/lbEFSP1WAv0\"\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. Shopping/Todo List</h4>\n                <iframe\n                  width=\"100%\"\n                  height=\"200\"\n                  src=\"https://www.youtube.com/embed/videoseries?list=PLillGF-RfqbbiTGgA77tGO426V3hRF9iE\"\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. Note Taking App</h4>\n                <iframe\n                  width=\"100%\"\n                  height=\"200\"\n                  src=\"https://www.youtube.com/embed/I250xdtUvy8\"\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. Clones</h4>\n                <iframe\n                  width=\"100%\"\n                  height=\"200\"\n                  src=\"https://www.youtube.com/embed/videoseries?list=PL-J2q3Ga50oMQa1JdSJxYoZELwOJAXExP\"\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-1 p-2\">\n              The last projects(Clones) is a playlist of many clones such as\n              Instagram clone, Amazon clone, Google clone, Spotify clone, Slack\n              clone and many more using React JS and Firebase. Use your\n              knowledge of backend dev using Node.js, Express JS and MongoDB\n              instead of using Firebase in above projects. If you like to learn\n              firebase then you are good to go and can learn while doing\n              projects.\n            </div>\n","html":"<div class=\"my-2 p-2\">\n              <p>\n                Knowing the basics of\n                <a href=\"/blogs/learnReactJS\">React JS</a>,\n                <a href=\"/blogs/learnMEN\">Node.js, Express JS and MongoDB</a>\n                technologies is must before diving into Fullstack MERN\n                Applications.\n              </p>\n              <p class=\"m-2 lead\">\n                <b>Check these projects for Fullstack MERN Applications.</b>\n              </p>\n            </div>\n            <div class=\"row my-1 p-2\">\n              <div class=\"col-md-4 my-3\">\n                <h4>1. Exercise Tracker</h4>\n                <iframe\n                  width=\"100%\"\n                  height=\"200\"\n                  src=\"https://www.youtube.com/embed/7CqJlxBYj-M\"\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. Payment Gateway</h4>\n                <iframe\n                  width=\"100%\"\n                  height=\"200\"\n                  src=\"https://www.youtube.com/embed/lbEFSP1WAv0\"\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. Shopping/Todo List</h4>\n                <iframe\n                  width=\"100%\"\n                  height=\"200\"\n                  src=\"https://www.youtube.com/embed/videoseries?list=PLillGF-RfqbbiTGgA77tGO426V3hRF9iE\"\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. Note Taking App</h4>\n                <iframe\n                  width=\"100%\"\n                  height=\"200\"\n                  src=\"https://www.youtube.com/embed/I250xdtUvy8\"\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. Clones</h4>\n                <iframe\n                  width=\"100%\"\n                  height=\"200\"\n                  src=\"https://www.youtube.com/embed/videoseries?list=PL-J2q3Ga50oMQa1JdSJxYoZELwOJAXExP\"\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-1 p-2\">\n              The last projects(Clones) is a playlist of many clones such as\n              Instagram clone, Amazon clone, Google clone, Spotify clone, Slack\n              clone and many more using React JS and Firebase. Use your\n              knowledge of backend dev using Node.js, Express JS and MongoDB\n              instead of using Firebase in above projects. If you like to learn\n              firebase then you are good to go and can learn while doing\n              projects.\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='M92%2023c-3%204-4%2010-4%2014%201%205%205%2011%206%209h1c1%202%205-2%206-7%202-5%200-11-4-15l-3-3-2%202m275%209c-9%202-16%204-20%208l-4%204%202%201c5%202%2024%202%2031%201l7-1v-4c-1-8-6-10-16-9m0%2049v11c0%202%203%200%203-3%200-4%201-4%204%201l5%203c2%200%201-1-2-5l-4-5%203-3%203-3c0-2-3-1-6%203l-3%203v-6l-1-7c-2%200-2%202-2%2011m-149%201l1%2011c1-1%202-3%202-8l1-8%202%207c3%2010%204%2011%207%204l4-9c0-2%201-1%201%205%200%205%201%208%202%209l1-11c0-10%200-11-2-11-1%200-3%202-5%209l-3%208-4-8c-2-7-3-9-5-9s-2%200-2%2011m27%200v11h6c7-1%208-3%202-3-5%200-5%200-5-3%200-4%200-4%204-4l4-1c0-2-1-2-4-2-4%200-4%200-4-3s0-3%204-3c7-1%206-3-1-3h-6v11m16%200c0%207%201%2010%202%2011l1-4c0-5%200-5%202-5s3%201%204%203c1%203%205%207%206%206l-2-5c-3-5-3-5-1-7%205-4%201-10-7-10h-5v11m19-1a437%20437%200%20011%2012l1-9%201-8%205%208c7%2012%209%2011%209-2%200-7-1-10-2-11l-1%209v9l-6-9c-7-12-8-12-8%201m31-9c-1%201-2%202-2%205s0%203%205%206c8%203%206%208-3%207h-3c0%203%208%204%2012%201s2-8-5-11c-6-2-4-8%203-6l3-1c0-2-7-3-10-1m27%205c-2%201-1%202%202%202%203-1%205%200%205%202s-1%202-3%202c-5%200-7%202-7%206%201%203%205%205%208%203h3c1%203%202%200%202-6%200-9-3-12-10-9M3%2090a874%20874%200%20003%2021c-1%202-1%202-2-1l-2-2c-1%200-1-3-2%2049v42h2l5-1%203-1-3-1-3-1%202-1c2%200%203%200%203-2v-3l1-4%202-7%202-5c1-3%200-14-1-19s0-6%204-6c2%200%203%201%205%2010a135%20135%200%200010%2031h3c5%200%206%201%203%205l-1%204%203%201c1%202%201%202-2%203l-4%203-1%2010-2%2010h27a596%20596%200%2000122-14%20843%20843%200%2001-80%206c-2%200-8-19-7-20l1%202%202%201%202%201%204%201c2%200%202%200%201-1s-1-1%202-1h1l-2-1%202-1%203%202%201-1h8l9-1h24l25-1c1%200%200-3-2-5-3-6-3-6-37-6-32%200-43-1-23-2%2051-3%2049-3%2049-7%200-2-1-2-37-2a410%20410%200%2001-37-2c-1-1-1-1-1%201l1%202%201%203%201%208a3446%203446%200%2000-29-93c-6-2-59-5-59-4m267%2013c-7%203-8%2021%200%2023%206%201%2010-4%2010-13%200-8-4-12-10-10m-37%201c-3%200-4%203-4%2015v7h3c2%200%203-1%203-4%200-2%201-3%203-3%206-2%209-9%205-14-1-2-3-2-10-1m16%200c-1%201-3%2019-2%2021l3%201c2%200%202%200%202-3%200-5%201-5%204-1%202%205%202%204%205%203%202-2%202-2%200-5v-6c4-6%201-11-6-11l-6%201m42%207c-1%208-1%2010-3%208l-4-1c-3%200-3%200-2%202%201%204%203%206%206%206%206%200%209-5%209-17%200-6%200-6-3-6h-3v8m8-6l-1%2011c0%2011-1%2011%2010%2010%205-1%205-1%205-4%200-2-1-2-5-2l-4-1c0-1%201-2%203-2%203%200%204-1%204-3%200-3%200-3-3-3-3%201-4%201-4-1l3-1c5%200%207-1%207-4%200-2%200-2-7-2s-8%200-8%202m21-1c-2%201-5%207-5%2012%200%209%207%2013%2013%208%202-3%203-5%201-7-1-1-2%200-4%202-3%204-5-1-3-8%201-4%203-4%203%200%200%202%200%202%203%202s3%200%203-3c0-6-5-9-11-6m12%200c-1%203%200%206%203%205%202%200%202%200%202%209v8h3c3%200%203%200%203-4%200-10%201-14%204-14l2-2c0-3%200-3-8-3l-9%201m21%201c-3%204-3%208%202%2012%204%203%204%205-1%203-3-1-3-1-4%201%200%203%201%204%205%205%209%201%2012-7%206-13-4-2-5-5-3-5l1%202c0%201%205%201%206-1%202-5-8-8-12-4m-222%2013l-1%204-4%201c-4%202-5%209%200%2011%203%202%203%202%206%200s4-2%204-10c0-7%200-9-2-10-2-2-3-1-3%204m-39%205c-2%201-3%202-3%206-1%207%203%207%204%200l2-2%202%202c1%206%205%207%204%200%200-3%200-4-3-6s-3-2-6%200m51%200c-7%204-1%2015%205%2012l2-1-2-2-3-2-1-1c0-3%203-3%204-1h3c3-1%202-3-1-5-4-2-4-2-7%200m42%2082l2%206c3%205%203%205-2%204h-3v5l1%205h23c22%200%2028%200%2018-2-4%200-5-1-3-3s2-2-2-2c-3%200-4%200-2-1%204-1%203-2-3-2l-21-5h-3c-2%201-2%201-2-2s-2-5-3-3M2%20206c-2%200-2%201-2%2010v9h14l-1-5c-1-13-4-16-11-14'%20fill='%23d3d3d3'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":1.7699115044247788,"src":"/static/f61672557e5873e03662161d7eb9c6ee/ee604/blog13.png","srcSet":"/static/f61672557e5873e03662161d7eb9c6ee/69585/blog13.png 200w,\n/static/f61672557e5873e03662161d7eb9c6ee/497c6/blog13.png 400w,\n/static/f61672557e5873e03662161d7eb9c6ee/ee604/blog13.png 800w,\n/static/f61672557e5873e03662161d7eb9c6ee/f3583/blog13.png 1200w,\n/static/f61672557e5873e03662161d7eb9c6ee/e4d72/blog13.png 1280w","sizes":"(max-width: 800px) 100vw, 800px"}}}},"pageContext":{"blog":"MERNStackProjects","thumbnail":"thumbnails/blog13.png"}},"staticQueryHashes":["2987289216","63159454"]}