A personal project applying MEAN (MongoDB, Express, Angular, NodeJS) stack to manage a restaurant admin website.
I started with questions. What are CRUD operations? What are HTTP methods? How do I get data from database and display everything on a website? How can I make frameworks do the work that they were born to do? And to answer those questions, I made something that helped me understand and learn. I made something that excited me and challenged me every day. I had fun figuring things out.
- Live Site URL: Dara Restaurant Page
- Semantic HTML5 markup
- CSS custom properties
- Bootstrap 4
- MongoDB - The database for modern application
- ExpressJS - NodeJS web application framework
- Angular - A Typescript-based open-source web application framework
- NodeJS - A Javascript runtime
- npm - A package manager for the JavaScript programming language
Connections are what make me fascinated. I learned that I could use HttpClient, an Angular service, to send requests from client to server. When the server sends a response, it'll be an Observable and I'd turn it into a Promise and manipulate whatever I received. Out of many things I have learned, this made me most proud.
Below is a code snippet:
getData(paramPage?: any) {
return this.http.get(`${this.endPoint}/getAll/${paramPage}`, this.options).toPromise();
}
sendData(dish: {}) {
return this.http.post(`${this.endPoint}/insertDish`, dish, this.options).toPromise();
}
removeData(dishId: any) {
return this.http.post(`${this.endPoint}/removeDish`, { "_id": dishId }, this.options).toPromise();
}
editData(dishId: any, update: {}) {
return this.http.post(`${this.endPoint}/editDish`, {"_id": dishId, update: update}, this.options).toPromise();
}Error handling was missing in this project, and that will be my next step.
Angular is a powerful tool if I make use of it, so I'll make it a goal to continue with Angular. I'm thinking particularly of Angular Forms, but I bet there will be interesting topics waiting for me on this journey.
-
Codevolution - I stumbled upon this tutorial after days getting stuck on authentication (I wrote about this struggle here). I'm grateful that Codevolution breaks the problem into small chunks and provides easy-to-understand explanation.
-
Google, DuckDuckGo, and StackOverflow - These were helpful when I get bugs or when I was planning on steps to take for the next function I'm writing. They also connected me to helpful resources.
-
The documentations MongoDB, MDN Web Docs, Angular
- Github - Dara Thi-Le
This is where I'd show appreciation towards my seniors at Fundiin. I was on my own trying to understand random pieces of web development, and if it wasn't for them, I would not have been working on one function of the project to the next. I would not have been ready to spend many days on one site. I would have given up, if it's not them who kept me accountable and who guided me along the way.