--- title: "Annamalai Palani (@annshiv) | Hashnode" description: "Software developer. Read the latest articles by Annamalai Palani on Hashnode." url: "https://hashnode.com/@annshiv" --- @annshiv # Annamalai Palani @annshiv · Joined February 2024 Software developer ### [Essential Techniques for Drawing with Code on HTML Canvas](https://annshiv.in/essential-techniques-for-drawing-with-code-on-html-canvas?utm_source=hashnode&utm_medium=feed) Master HTML Canvas to draw graphics, handle images, and create dynamic visuals with shapes, paths, text, and gradients 10 min read · [annshiv.in](https://annshiv.in/essential-techniques-for-drawing-with-code-on-html-canvas?utm_source=hashnode&utm_medium=feed) [Oct 14, 2024](https://hashnode.com/posts/essential-techniques-for-drawing-with-code-on-html-canvas/670c7245cfd9bd6156b93600) ### [Building a Simple Form with Express.js](https://annshiv.in/building-a-simple-form-with-expressjs?utm_source=hashnode&utm_medium=feed) Express.js is a popular Node.js framework used for building web applications and APIs. Our form will allow users to input their first name and submit it to the server. Setting Up the Project Let's start by creating a new directory for our project and... 3 min read · [annshiv.in](https://annshiv.in/building-a-simple-form-with-expressjs?utm_source=hashnode&utm_medium=feed) [Feb 29, 2024](https://hashnode.com/posts/building-a-simple-form-with-expressjs/65dfec4564c380a9ccee20d6) ### [Creating Reusable Modal Components in React](https://annshiv.in/creating-reusable-modal-components-in-react?utm_source=hashnode&utm_medium=feed) Modal components are pop-up windows that overlay the current page, allowing users to interact with content or controls without leaving the context of the application. They are commonly used for tasks such as displaying alerts, confirming actions, or ... 2 min read · [annshiv.in](https://annshiv.in/creating-reusable-modal-components-in-react?utm_source=hashnode&utm_medium=feed) [Feb 28, 2024](https://hashnode.com/posts/creating-reusable-modal-components-in-react/65de9ac003eead13cceb729a) ### [Building Reusable List Components in React](https://annshiv.in/building-reusable-list-components-in-react?utm_source=hashnode&utm_medium=feed) In React development, it's common to encounter scenarios where you need to display lists of similar components with varying styles or content. For instance, you might have a list of authors, each with different information like name, age, country, an... 2 min read · [annshiv.in](https://annshiv.in/building-reusable-list-components-in-react?utm_source=hashnode&utm_medium=feed) [Feb 27, 2024](https://hashnode.com/posts/building-reusable-list-components-in-react/65dd4942101a85d635d932ca) ### [Building Reusable Split Screen Layouts in React](https://annshiv.in/building-reusable-split-screen-layouts-in-react?utm_source=hashnode&utm_medium=feed) Split screen layouts are commonly used in web applications to display content side by side. Whether it's comparing two pieces of information or simply organizing content more efficiently, split screen layouts can improve the user experience. Basic Sp... 3 min read · [annshiv.in](https://annshiv.in/building-reusable-split-screen-layouts-in-react?utm_source=hashnode&utm_medium=feed) [Feb 26, 2024](https://hashnode.com/posts/building-reusable-split-screen-layouts-in-react/65dbf7c79b2c962233cd1807)