The latest articles on DEV Community by WeryZebra-Yue (@master_ayush). https://dev.to/master_ayush https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F775572%2F19fbefc7-8847-4fb5-99ed-1795bc17ba42.png https://dev.to/master_ayush en WeryZebra-Yue Thu, 08 Dec 2022 22:54:08 +0000 https://dev.to/master_ayush/mongodb-atlas-hackathon-2022-introducing-makeit-an-ecommerce-platform-for-customizable-product-17k1 https://dev.to/master_ayush/mongodb-atlas-hackathon-2022-introducing-makeit-an-ecommerce-platform-for-customizable-product-17k1 <h2> 🔵⚪ Introduction </h2> <p>Heya Folks 👋, I hope you're all doing well and staying as healthy as possible. This blog is written as a submission for the Atlas Hackathon.</p> <h2> 👀 MakeIt Overview </h2> <p>Make-It is an E-Commerce platform for selling and buying products with customization according to buyer affections. This platform is built using the MERN stack ( MongoDB, Express, React, Node js).<br> With all the E-Commerce platform features, it has extra features to customize the product uniquely.</p> <h3> Category Submission: </h3> <p>This is in the <strong>Search No More</strong> Category; using Atlas Search, we search products really fast through the Big Database Personally, It was really easy to implement since MongoDB has such clean documents and a Huge community for helping us out.</p> <h3> 📺 Demo Video </h3> <p>Here is the demo video if you want to learn more about MakeIt functionalities.</p> <p><iframe width="710" height="399" src="https://www.youtube.com/embed/CdKnOMFxMlU"> </iframe> </p> <h3> App Link </h3> <p>Our main website is hosted here <a href="https://make-it-front.netlify.app/" rel="noopener noreferrer">Make It</a><br> and If you are interested in some BackEnd Stuff: <a href="https://back-end-make-it.vercel.app/api-explorer/" rel="noopener noreferrer">You can explore Here!</a></p> <h3> Screenshots </h3> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F3exe1qys2m9p1n9dqkhl.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F3exe1qys2m9p1n9dqkhl.png" alt="Image description" width="800" height="450"></a><br> _ _</p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F9ffcxhikxet7l93rjjg3.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F9ffcxhikxet7l93rjjg3.png" alt="Image description" width="800" height="450"></a></p> <p>_ _</p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fjldiedtwpsh5jochea3g.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fjldiedtwpsh5jochea3g.png" alt="Image description" width="800" height="450"></a></p> <p>_ _</p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ff3t9f1h9fd8ujjxyir7t.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ff3t9f1h9fd8ujjxyir7t.png" alt="Image description" width="800" height="450"></a></p> <p>_ _</p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fuf5lcyq59rp10r87q0pm.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fuf5lcyq59rp10r87q0pm.png" alt="Image description" width="800" height="450"></a></p> <p>_ _</p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fsemkp34862ocvs1v1azk.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fsemkp34862ocvs1v1azk.png" alt="Image description" width="800" height="450"></a></p> <h2> ⚙️ Tech Stack used </h2> <h3> FrontEnd </h3> <ul> <li>React</li> <li>Axios</li> <li>Redux</li> <li>Material UI</li> <li>React-cookie</li> <li>React-toastify</li> <li>Netlify ( Deploy )</li> <li>Figma ( Design )</li> </ul> <h3> BackEnd </h3> <ul> <li>Express</li> <li>Node.js</li> <li>Swagger</li> <li>MongoDB</li> <li>Mongoose</li> <li>Azure ( Deploy )</li> <li>Storage</li> <li>Express</li> <li>Cloudinary</li> <li>Multer</li> <li>Heroku ( Deploy )</li> </ul> <h3> Link to Source Code </h3> <p>FrontEnd: <a href="https://github.com/WeryZebra-Yue/FrontEnd-MakeIt" rel="noopener noreferrer">https://github.com/WeryZebra-Yue/FrontEnd-MakeIt</a><br> BackEnd: <a href="https://github.com/WeryZebra-Yue/BackEnd-MakeIt" rel="noopener noreferrer">https://github.com/WeryZebra-Yue/BackEnd-MakeIt</a></p> <p>Also, a huge thanks to DEV and MongoDB for this opportunity!<br> Connect me on <a href="https://www.linkedin.com/in/ayush-master-a5b94221b/" rel="noopener noreferrer">LinkedIn </a> and <a href="https://github.com/WeryZebra-Yue/" rel="noopener noreferrer">GitHub</a>! Let me know what you think of Make it in the comments section below. Peace out!</p> portfolio ui webdev design