The latest articles on DEV Community by Saba Begum (@saba09). https://dev.to/saba09 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3355801%2Fd399e4bc-c79f-433e-b738-0b3cf3a45923.png https://dev.to/saba09 en Saba Begum Mon, 21 Jul 2025 15:05:53 +0000 https://dev.to/saba09/office-space-frontend-challenge-4hab https://dev.to/saba09/office-space-frontend-challenge-4hab <p><em>This is a submission for <a href="https://dev.to/challenges/frontend/axero">Frontend Challenge: Office Edition sponsored by Axero, Holistic Webdev: Office Space</a></em></p> <h2> What I Built </h2> <p>I created a simple and functional Office Dashboard that helps in managing and visualizing internal tasks and activities.</p> <p>Key Features:</p> <ul> <li>Assign, reassign, and delete tasks for team members.</li> <li>Light and dark theme toggle.</li> <li>Fully responsive layout for mobile and desktop.</li> <li>Sections for Upcoming Events, Announcements, and Resources.</li> <li>Project status tracking and basic dashboard stats.</li> </ul> <h2> Demo </h2> <p><a href="https://sabasizmic.github.io/office-edition-dashboard/index.html" rel="noopener noreferrer">https://sabasizmic.github.io/office-edition-dashboard/index.html</a></p> <h2> Journey </h2> <p>I built this project using plain HTML, CSS, and JavaScript, focusing on clean structure and usability. The goal was to make it lightweight, easy to extend, and mobile-friendly.</p> <p>It was a great experience working on layout logic, dark mode toggling, and basic state updates using JavaScript. I kept everything organized and simple so it can be adapted for real-world internal tools.</p> devchallenge frontendchallenge css javascript Saba Begum Thu, 17 Jul 2025 06:54:26 +0000 https://dev.to/saba09/a-story-book-with-google-ai-studio-k4g https://dev.to/saba09/a-story-book-with-google-ai-studio-k4g <p><em>This post is my submission for <a href="https://dev.to/deved/build-apps-with-google-ai-studio">DEV Education Track: Build Apps with Google AI Studio</a>.</em></p> <h2> What I Built </h2> <p>The App I created with the Google AI Studio "Build APP with Gemini" is the storybook. Whoever has the idea of a story and can't wait to write the whole thing and create the images from it is the best option. <br> The prompt I used is:<br> <strong>Please create a story book app with unique imagination the text on right and the visuals on left for the kids with visuals from Imagen and text description from Gemini</strong></p> <h2> Demo </h2> <p>Here is the <a href="https://aistudio.google.com/apps/drive/14cVJNEEAXM961tSOHLfE6IN76qbpkRGC?showPreview=true&amp;resourceKey=" rel="noopener noreferrer">APP URL</a></p> <h2> My Experience </h2> <p>I always wanted to create an App that turns ideas into visuals, but choosing a platform and codebase always feels like I don't have the time to make these things. Now with this, I can create the APPs with a simple prompt in minutes.</p> deved learngoogleaistudio ai gemini