Weekly Blogs #1
Hello fellow developers! My name is Ekta Sahu, and I am thrilled to share my latest web development experience at @Essentia Softserv LLP. As someone already familiar with Angular, I sought to challenge myself further during my internship. Thus, I decided to embark on a full-stack project, combining my existing knowledge in Angular with Node.js to create something truly remarkable. In this blog post, I’ll walk you through my journey of elevating my web development skills through this exciting project every week.
Deciding to Undertake a Full-Stack Project:
As a web developer with prior experience in Angular, I wanted to make the most of my internship by pushing my boundaries. While I could have chosen a project solely focused on the frontend, I knew that delving into full-stack development would provide me with invaluable insights into the entire web development process. Moreover, combining Angular with Node.js would allow me to build robust and scalable applications. So, I started with the basic project.
An Outline of the Full-Stack Project:
For my full-stack project, I decided to create a food-ordering website. The application would offer users an intuitive interface to browse food products, add them to their cart, and proceed with a seamless checkout process. I aimed to implement secure user authentication on the backend, manage product data, and handle payment transactions.
As Taking small steps can lead you to your destination., Here I’m mentioning what I did in the past few days to keep me on track.
- Went through all the git commands
2. I recently reviewed some Angular and Node.js concepts through YouTube videos and various documentation.
3. I have installed all of the necessary development tools.
Get ekta04’s stories in your inbox
Join Medium for free to get updates from this writer.
4. To create a food website, start by creating a folder specifically for the project. Next, install @angular/cli. Once that’s done, proceed to create the frontend app.
5. To add a header, first, create the component, then insert the HTML code and apply the CSS code.
6. To create a list of food, follow these steps:
1. Begin by creating a Food Model.
2. Then, create a data.ts file and add sample foods.
3. Add images to your assets.
4. Next, create a Foodservice.
5. Finally, create a Home Component and include the required ts, HTML, and CSS files.
Thanks for reading! Will continue the updates in the next weekly blog!
Till then, Happy coding!
