Showcasing a fusion of creativity, innovation, and user-centered design.
From refined UI/UX designs and intuitive software solutions to insightful user research, this portfolio reflects my drive to create impactful experiences. With a focus on precision, cutting-edge tools, and human-centered thinking, I’m dedicated to pushing the boundaries of User Experience Design.
💻 Programming
1️⃣ BrainScanApp
Description:
BrainScanApp is an Android application designed to assist in the detection of brain tumors using medical imaging. The app leverages a trained deep learning model to analyze input images and provide diagnostic insights. Its intuitive interface and efficient processing make it a useful tool for medical professionals and researchers in the field of radiology and neurology.
Technologies Used:
- Android (Java/Kotlin): For building the mobile application.
- TensorFlow Lite: To integrate and deploy the trained model for real-time inference on mobile devices.
- Deep Learning Models: Trained for brain tumor detection using medical image datasets.
Key Features:
- AI-Powered Diagnosis: Utilizes a trained deep learning model to detect brain tumors with high accuracy.
- User-Friendly Interface: Simple and clean design for seamless navigation and interaction.
- Image Upload and Analysis: Allows users to upload medical images for real-time evaluation.
- On-Device Inference: Optimized for mobile devices using TensorFlow Lite for fast and efficient analysis.
- Medical Applications: Useful for preliminary screening and educational purposes.
Links:
Demo Video:
2️⃣ Jalgorithm
Description:
Jalgorithm is a Java-based, open-source library that provides implementations of various algorithms and data structures. Designed for students, developers, and educators, it is both an educational resource and a practical tool for algorithmic problem-solving. The project has been published as a Java library, making it accessible for direct integration into Java applications. Its open-source nature has encouraged contributions, adding to its utility and robustness.
Technologies Used:
- Java: For implementing data structures, algorithms, and creating the published library.
Key Features:
- Comprehensive Algorithm Implementations: Includes sorting, searching, and graph algorithms.
- Data Structure Examples: Implements data structures like stacks, queues, and trees.
- Educational Focus: Clean, well-documented code and examples tailored for learning and understanding.
- Open Source with Contributions: Actively maintained with community contributions.
- Published Library: Available as a Java library for seamless integration into projects.
Links:
3️⃣ Particle Systems Visualization
Description:
This project is a web-based interactive particle systems visualization. It demonstrates the principles of particle systems used in computer graphics and simulations, showcasing dynamic animations and effects. Built using HTML, CSS, and JavaScript, the project offers an engaging and visually appealing example of how particle systems can be implemented for educational or creative purposes.
Technologies Used:
- HTML, CSS, JavaScript: For creating and styling the interactive particle effects.
- Canvas API: Utilized for rendering high-performance graphics directly in the browser.
Key Features:
- Dynamic Particle Effects: Includes animations such as explosions, trails, and gravity effects.
- Interactive Visualization: Allows users to interact with the particles for an immersive experience.
- Educational Purpose: Demonstrates the core concepts of particle systems for learning and exploration.
- Browser-Based: Fully functional without requiring any additional installations.
Links:
Demo Video:
4️⃣ Flutter Modal Date Picker
Description:
This project is a Flutter package that provides a customizable modal date picker widget for Flutter applications. The package is designed to offer an intuitive and modern user interface for date selection, enhancing the user experience in apps that require scheduling, calendar functionality, or date inputs. It’s available on Pub.dev and GitHub for developers to integrate seamlessly into their Flutter projects.
Technologies Used:
- Flutter: For developing a cross-platform package.
- Dart: The programming language used to build the package.
Key Features:
- Customizable UI: Easily adjustable to match the application's theme and style.
- Responsive Design: Works seamlessly across devices, including mobile and tablets.
- User-Friendly: Intuitive modal design for easy date selection.
- Open Source: Actively maintained with community contributions encouraged.
- Pub.dev Integration: Easy installation and use in any Flutter project.
Links:
5️⃣ Suffix Tree Visualizer
Description:
This project provides a visual representation of suffix trees, a powerful data structure used in string processing and computational biology. The interactive visualizer is designed to help users understand the construction and functionality of suffix trees, making it an excellent tool for educational purposes. The project is built using web technologies to offer a seamless and responsive user experience.
Technologies Used:
- HTML, CSS, JavaScript: For creating the web-based interface and interactivity.
- SVG Graphics: For rendering clean and scalable visualizations of suffix trees.
Key Features:
- Interactive Visualization: Allows users to input strings and see real-time construction of suffix trees.
- Educational Focus: Simplifies complex concepts for students and professionals.
- Responsive Design: Optimized for desktop and mobile devices.
- String Processing Applications: Highlights the real-world use cases of suffix trees in areas like DNA sequencing and pattern matching.
Links:
Demo Video:
6️⃣ Instagram Desktop Application
Description:
This project is a desktop application built entirely with Java and JavaFX, designed to replicate the core functionalities of Instagram. As a clone of the platform, it mimics features like user feed, profile management, and direct messaging without using Instagram's API. The application is focused on delivering a similar experience to Instagram but as a standalone desktop solution.
Technologies Used:
- Java: For building the application's backend and logic.
- JavaFX: For creating a modern and responsive user interface.
Key Features:
- Standalone Desktop Application: Operates independently of Instagram's API or backend.
- Feature-Rich Clone: Includes feed browsing, profile management, and messaging functionality.
- Modern UI: Built using JavaFX to replicate the look and feel of Instagram.
- Cross-Platform Compatibility: Can run on Windows, macOS, and Linux systems.
- Offline Mode: Limited functionality available without an internet connection.
Links:
7️⃣ Python Turtle Game
Description:
This repository contains fun and interactive games built using Python's turtle module. It showcases the creative use of turtle graphics to develop engaging, visually appealing, and educational projects. The collection includes games that are easy to understand and play, making it a perfect resource for beginners looking to learn Python programming through hands-on examples.
Technologies Used:
- Python: For creating interactive games using the
turtlelibrary.
Key Features:
- Interactive Games: Engaging projects like dice-based games and more, created with the
turtlelibrary. - Beginner-Friendly Code: Simplified logic and clear comments to aid learning and understanding.
- Educational Focus: Designed to teach Python programming concepts interactively.
- Graphical Outputs: Utilizes Python's turtle graphics for vibrant and visually appealing game designs.
Links:
🎨 Design
1️⃣ Roshan AI Landing Pages
Description:
This project involves designing and developing engaging landing pages for Roshan AI's products. The landing pages are crafted to highlight the innovative features of the products, ensuring a visually appealing and user-friendly experience. These pages focus on showcasing Roshan AI's cutting-edge solutions effectively while maintaining brand consistency.
Technologies Used:
- React.js: For creating dynamic and interactive user interfaces.
- HTML, CSS, JavaScript: For building the structure, styling, and interactivity of the pages.
Key Features:
- Responsive Design: Optimized for all devices, ensuring seamless user experience across desktops, tablets, and smartphones.
- Engaging Layouts: Clean and modern UI/UX design to attract and retain users' attention.
- Focus on Conversion: Strategically designed to enhance user interaction and product inquiries.
- SEO Optimized: Implemented best practices to improve visibility and search rankings.
Links:
Demo Videos:
2️⃣ API Documentation Website
Description:
This project involves creating a comprehensive API documentation website for the Alefba product, a part of Roshan AI. The website is designed to provide developers with clear, detailed, and easy-to-navigate documentation, enabling seamless integration with Alefba's APIs. It focuses on usability, ensuring that developers can quickly find the information they need.
Technologies Used:
- React.js: For building a dynamic and responsive user interface.
- Markdown and HTML: For structuring and presenting the documentation content.
- CSS and JavaScript: For styling and interactivity.
- API Integration: Connected with live API endpoints for interactive documentation.
Key Features:
- Interactive Documentation: Includes live examples and endpoints for real-time API testing.
- Searchable Content: Quick search functionality to help developers find specific sections or endpoints.
- Developer-Friendly Design: Clean and minimal UI to maximize focus on the documentation.
- Responsive and Accessible: Optimized for both desktop and mobile viewing.
- Mobile-Friendly: Fully functional and user-friendly on smaller screens.
Links:
Demo Video: