--- title: "Emma Chris (@emma567) | Hashnode" description: "Developer. Read the latest articles by Emma Chris on Hashnode." url: "https://hashnode.com/@emma567" --- @emma567 # Emma Chris @emma567 · Nigeria · Joined May 2025 Developer ### [Support me](https://emma12.hashnode.dev/support-me?utm_source=hashnode&utm_medium=feed) Hi everyone! I’m \*\*Udokamma Chukwudubem Emmanuel\*\*, also known as \*\*Emma Chris\*\* — a self-taught frontend and backend developer, UI/UX designer, and writer. This blog is my space to share beginner-friendly tutorials, simple web projects, and helpful ... 1 min read · [emma12.hashnode.dev](https://emma12.hashnode.dev/support-me?utm_source=hashnode&utm_medium=feed) [May 8, 2025](https://hashnode.com/posts/support-me/681ca38046549335d75a781e) ### [How to add a stylish Dark Mode toggle with icons](https://emma12.hashnode.dev/how-to-add-a-stylish-dark-mode-toggle-with-icons?utm_source=hashnode&utm_medium=feed) How to Add a Stylish Dark Mode Toggle with Icons – Step-by-Step Guide for Beginners --- Cover Image (Optional but Eye-catching): I can help design a clean tech-themed image with a sun/moon icon—just say the word! --- Introduction: Dark Mode isn’t jus... 2 min read · [emma12.hashnode.dev](https://emma12.hashnode.dev/how-to-add-a-stylish-dark-mode-toggle-with-icons?utm_source=hashnode&utm_medium=feed) [May 8, 2025](https://hashnode.com/posts/how-to-add-a-stylish-dark-mode-toggle-with-icons/681c74e6c1a718b8821c61f3) ### [CSS layout made easy: Flexbox for beginners](https://emma12.hashnode.dev/css-layout-made-easy-flexbox-for-beginners?utm_source=hashnode&utm_medium=feed) “CSS Layouts Made Easy: Flexbox for Beginners” If you're learning CSS, layouts can be confusing at first. But don’t worry—\*\*Flexbox\*\* is here to make it easy. In this beginner-friendly guide, I’ll walk you through how to use Flexbox to build clean, r... 2 min read · [emma12.hashnode.dev](https://emma12.hashnode.dev/css-layout-made-easy-flexbox-for-beginners?utm_source=hashnode&utm_medium=feed) [May 8, 2025](https://hashnode.com/posts/css-layout-made-easy-flexbox-for-beginners/681c349c8bcfbff8ba4659e2) ### [Creating a simple To-Do App using HTML,CSS and JAVASCRIPT](https://emma12.hashnode.dev/creating-a-simple-to-do-app-using-htmlcss-and-javascript?utm_source=hashnode&utm_medium=feed) \# Create a Simple To-Do App Using HTML, CSS & JavaScript A \*\*To-Do List App\*\* is one of the best beginner projects to practice \*\*DOM manipulation\*\* in JavaScript. In this tutorial, we’ll build a simple task manager where users can: - ✔️ Add new tasks... 2 min read · [emma12.hashnode.dev](https://emma12.hashnode.dev/creating-a-simple-to-do-app-using-htmlcss-and-javascript?utm_source=hashnode&utm_medium=feed) [May 8, 2025](https://hashnode.com/posts/creating-a-simple-to-do-app-using-htmlcss-and-javascript/681c31aa8faab0640ff8e162) ### [JAVASCRIPT MADE EASY: A beginner's guide to DOM basics](https://emma12.hashnode.dev/javascript-made-easy-a-beginners-guide-to-dom-basics?utm_source=hashnode&utm_medium=feed) Here’s the Markdown version for your “JavaScript Made Easy: A Beginner’s Guide to DOM Basics” blog post, ready for Hashnode: --- # JavaScript Made Easy: A Beginner’s Guide to DOM Basics JavaScript allows you to manipulate web pages dynamically by int... 2 min read · [emma12.hashnode.dev](https://emma12.hashnode.dev/javascript-made-easy-a-beginners-guide-to-dom-basics?utm_source=hashnode&utm_medium=feed) [May 8, 2025](https://hashnode.com/posts/javascript-made-easy-a-beginners-guide-to-dom-basics/681c2da5f0cd37fcd3f50cff)