The latest articles on DEV Community by nasirjd (@nasirjd). https://dev.to/nasirjd 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%2F843585%2Fa9bad009-c7f3-4e36-b250-a83bd1c4e1c5.jpeg https://dev.to/nasirjd en nasirjd Wed, 20 Apr 2022 14:54:20 +0000 https://dev.to/nasirjd/create-an-online-food-store-website-using-angular-nodejs-express-and-mongodb-1i35 https://dev.to/nasirjd/create-an-online-food-store-website-using-angular-nodejs-express-and-mongodb-1i35 <h2> Lesson 6 is published </h2> <p><a href="https://youtu.be/uTOsLjZsIpc">Check out the video</a> if you love to build an e-commerce website using Angular, NodeJS, Express, And Mongo DB</p> <p><iframe width="710" height="399" src="https://www.youtube.com/embed/uTOsLjZsIpc"> </iframe> </p> <h2> Start from <a href="https://dev.to/nasirjd/create-an-online-food-store-website-using-angular-nodejs-express-and-mongodb-52gd">here</a> if you didn't: </h2> <h2> You Are Going To: </h2> <ol> <li>Add Search method to the Food service</li> <li>Add search route</li> <li>Show search result in Home component</li> <li>Generate search component <ol> <li>Add to home component</li> <li>Add ts</li> <li>Add html</li> <li>Add css</li> </ol> </li> </ol> <p><strong>The only requirement</strong> for this course is the basic knowledge of Web Development.</p> <p>Feel free to join our youtube community for having a productive relationship.</p> <p>Happy Coding...</p> angular node mongodb webdev nasirjd Mon, 11 Apr 2022 14:18:01 +0000 https://dev.to/nasirjd/create-an-online-food-store-website-using-angular-nodejs-express-and-mongodb-7fa https://dev.to/nasirjd/create-an-online-food-store-website-using-angular-nodejs-express-and-mongodb-7fa <h2> Lesson 5 is published </h2> <p><a href="https://youtu.be/H2OKp84fHAI">Check out the video</a> if you love to build an e-commerce website using Angular, NodeJS, Express, And Mongo DB</p> <p><iframe width="710" height="399" src="https://www.youtube.com/embed/H2OKp84fHAI"> </iframe> </p> <h2> Start from <a href="https://dev.to/nasirjd/create-an-online-food-store-website-using-angular-nodejs-express-and-mongodb-52gd">here</a> if you didn't: </h2> <h2> You Are Going To: </h2> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>1. Create Food model 2. Create data.ts 1. Add sample foods 3. Add images to assets 4. Create Food service 5. Create Home component 1. Add ts 2. Add html 3. Add css </code></pre> </div> <p><strong>The only requirement</strong> for this course is the basic knowledge of Web Development.</p> <p>Feel free to join our youtube community for having a productive relationship.</p> <p>Happy Coding...</p> angular node mongodb webdev nasirjd Sat, 09 Apr 2022 19:05:23 +0000 https://dev.to/nasirjd/create-an-online-food-store-website-using-angular-nodejs-express-and-mongodb-lesson-4-3p40 https://dev.to/nasirjd/create-an-online-food-store-website-using-angular-nodejs-express-and-mongodb-lesson-4-3p40 <h2> Lesson 4 is published </h2> <p><a href="https://youtu.be/Uci0L4k3TQo">Check out the video</a> if you love to build an e-commerce website using Angular, NodeJS, Express, And Mongo DB</p> <p><iframe width="710" height="399" src="https://www.youtube.com/embed/Uci0L4k3TQo"> </iframe> </p> <h3> Start from <a href="https://dev.to/nasirjd/create-an-online-food-store-website-using-angular-nodejs-express-and-mongodb-52gd">here</a> if you didn't </h3> <h2> You Are Going To: </h2> <ol> <li>Generate Header Component</li> <li>Add Html Code To The Header Component</li> <li>Add CSS Code To The Header Component</li> </ol> <p><strong>The only requirement</strong> for this course is the basic knowledge of Web Development.</p> <p>Feel free to join our youtube community for having a productive relationship.</p> <p>Happy Coding...</p> angular node mongodb webdev nasirjd Sat, 09 Apr 2022 13:38:41 +0000 https://dev.to/nasirjd/create-an-online-food-store-website-using-angular-nodejs-express-and-mongodb-1ecb https://dev.to/nasirjd/create-an-online-food-store-website-using-angular-nodejs-express-and-mongodb-1ecb <h2> Lesson 3 is published </h2> <p><a href="https://youtu.be/mZdNkA9o7cY">Check out the video</a> if you love to build an e-commerce website using Angular, NodeJS, Express, And Mongo DB</p> <h2> Start from here if you didn't: </h2> <div class="ltag__link"> <a href="/nasirjd" class="ltag__link__link"> <div class="ltag__link__pic"> <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--W3cr9Z1j--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://res.cloudinary.com/practicaldev/image/fetch/s--Q1sX_Hha--/c_fill%2Cf_auto%2Cfl_progressive%2Ch_150%2Cq_auto%2Cw_150/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/843585/a9bad009-c7f3-4e36-b250-a83bd1c4e1c5.jpeg" alt="nasirjd"> </div> </a> <a href="/nasirjd/create-an-online-food-store-website-using-angular-nodejs-express-and-mongodb-52gd" class="ltag__link__link"> <div class="ltag__link__content"> <h2>Create An Online Food Store Website Using Angular, NodeJS, Express And MongoDB, Lesson 1 &amp; 2</h2> <h3>nasirjd ・ Apr 9 ・ 1 min read</h3> <div class="ltag__link__taglist"> <span class="ltag__link__tag">#angular</span> <span class="ltag__link__tag">#node</span> <span class="ltag__link__tag">#mongodb</span> <span class="ltag__link__tag">#typescript</span> </div> </div> </a> </div> <h2> You Are Going To: </h2> <ol> <li>Create project's folder</li> <li>Install @angular/cli</li> <li>Create App as frontend</li> </ol> <p><strong>The only requirement</strong> for this course is the basic knowledge of Web Development.</p> <p>Feel free to join our youtube community for having a productive relationship.</p> <p>Happy Coding...</p> angular node mongodb webdev nasirjd Sat, 09 Apr 2022 12:22:00 +0000 https://dev.to/nasirjd/create-an-online-food-store-website-using-angular-nodejs-express-and-mongodb-52gd https://dev.to/nasirjd/create-an-online-food-store-website-using-angular-nodejs-express-and-mongodb-52gd <h2> Lesson 1 &amp; 2 are published </h2> <p><a href="https://youtu.be/Gv7OK1Kg4cw">Check out the video</a> if you love to build an e-commerce website using Angular, NodeJS, Express, And Mongo DB</p> <p>By the end of this course, you will be able to design a beautiful and responsive frontend and a scalable backend, you can also deploy your website on popular cloud servers and have online payment functionality using payment gateways.</p> <p><strong>The only requirement</strong> for this course is the basic knowledge of Web Development.</p> <h3> You Will Learn:  </h3> <p>[x] Creating object-oriented components Using Angular CLI<br> [x] Defining APIs using Express router<br> [x] Having different pages using Angular router<br> [x] Using Mongo Db Atlas for storing and querying the data<br> [x] Using Reactive Forms And Http Client for handling form inputs and send the data back and forth to the  APIs<br> [x] Managing application states using RXJS<br> [x] Handling authentication and authorization using    JsonWebToken <br> [x] Also, you will learn how to deploy it on cloud servers like Heroku and using the Paypal gateway to have payment functionality on your website.<br> [x] Much More In Details</p> <p>Feel free to join our youtube community for having a productive relationship.</p> <p>Happy Coding...</p> angular node mongodb typescript