The latest articles on DEV Community by Fathima Mufasa (@fathima-mufasa). https://dev.to/fathima-mufasa https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4119758%2F45309656-386d-4aea-bf35-3a769739f0f7.png https://dev.to/fathima-mufasa en Fathima Mufasa Thu, 10 Sep 2026 18:39:52 +0000 https://dev.to/fathima-mufasa/how-i-built-secure-task-manager-with-wso2-asgardeo-ballerina-41p9 https://dev.to/fathima-mufasa/how-i-built-secure-task-manager-with-wso2-asgardeo-ballerina-41p9 <p>Hi, I'm Fathima Mufasa, Faculty of Computing student from Sri Lanka. I built Secure Task Manager for WSO2 internship assessment.</p> <p>What I built: React frontend + Ballerina REST API + Asgardeo login with Email OTP MFA.</p> <p>Why WSO2? No custom password code. Asgardeo gave OIDC login, MFA, self-registration, branded login. Ballerina gave Tasks API with CORS in one file.</p> <p>Steps I did:</p> <ol> <li>Created Asgardeo org fathimamufasa, Single-Page App, redirect <a href="http://localhost:5173" rel="noopener noreferrer">http://localhost:5173</a> </li> <li>Enabled Password + Email OTP + self-registration, brand color #FF7300</li> <li>Ballerina API on :9090 - GET POST PUT DELETE /api/tasks</li> <li>React with <a class="mentioned-user" href="https://dev.to/asgardeo">@asgardeo</a>/auth-react - signIn, signOut, user info</li> <li>Added stats, search, priority filter</li> </ol> <p>My code: <a href="https://github.com/fathima-mufasa/secure-task-manager" rel="noopener noreferrer">https://github.com/fathima-mufasa/secure-task-manager</a><br> What I learned: OIDC flow, MFA, CORS, Ballerina services.</p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fnigaelepjway5ppdslcf.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fnigaelepjway5ppdslcf.png" alt=" " width="800" height="450"></a><br> <a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fna30jfemv158bv9ljdnw.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fna30jfemv158bv9ljdnw.png" alt=" " width="800" height="450"></a><br> <a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fh2pkt0mfv3sg8c16g7aj.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fh2pkt0mfv3sg8c16g7aj.png" alt=" " width="800" height="450"></a><br> <a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fsih1195vxvxpp83dij6x.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fsih1195vxvxpp83dij6x.png" alt=" " width="800" height="450"></a></p> <p>Thank you WSO2 for Asgardeo + Ballerina docs - excited to learn more as Engineering Intern!</p> wso2 asgardeo ballerina react