Posts

Showing posts from May, 2024

Express JS - Server Side Basics and Form Handling

Below listed programming tasks are designed to practice different concepts of server side web programming using Express JS and related packages. These small tasks are designed to understand the core web concepts' implementation. Before you implement below tasks, its suggested to go through provided code samples, run and understand. It would make it easy to do the below tasks. Make a header in header.ejs and include this header in all EJS templates you write. Add Home link in header that shall point to /home URL. In same way, make a footer in footer.ejs and include it other EJS tempates. Add Products link in header and define appropriate handler for it, that shall serve list of products on the page. You can use ChatGPT to create an array of product objects. Each product object shall include attributes like: product title, category, original_price, image_url, discount_price, available (true/false), etc. If a product's available attribute is false, render 'Product out of stoc...

Create an Address Book using Express and EJS

 Create an application using Express, the application shall have following features: Make a JSON file named users.json. It shall be an array of objects where each object shall represent a contact person detail. Only 2-3 records are sufficient. Use following fields for each object: name, gender, email, city, phone number. Below given description is about different operations that you shall implement in your app to perform CRUD operations on file. List all records:  At /home ... list only contact persons' names in tabular form. The table shall have columns: ID, Name, Operations. Display user ID in ID column, Operations column shall have two links or buttons i.e. Update, Delete. When these links or buttons are clicked, pass user id to /update and /delete handler. Update Record When user click Update link or button, GET request shall be sent to server to URL pattern /update. Pass user id as query-string e.g. /update?id=10. The /update handler shall open the Update Form where earli...