Designing intuitive
digital experiences
with code and creativity
I'm Madhulika — a UI/UX Designer & Frontend Developer at IIIT Dharwad, where design thinking meets technical execution.
I bridge the gap between
design and engineering
I'm a second-year B.Tech student specialising in Data Science and AI at IIIT Dharwad, with a Minor in Generative AI. My work lives at the intersection of visual design and functional engineering — I care deeply about why a product feels the way it does, and I have the technical ability to build it the right way.
From crafting wireframes and user flows in Figma to building responsive, accessible interfaces in React, I approach every project with an eye for both aesthetics and usability. I believe the best interfaces are the ones you barely notice — because they just work.
P Madhulika
UI/UX Designer & Frontend Developer
Where I've contributed
UI/UX Designer
Hack2Future 2.0
Hack2Future is a large-scale hackathon event platform. As the sole UI/UX Designer on the team, I'm responsible for the complete visual identity and digital experience of the event.
- Designed swag kits including branded merchandise, packaging layouts, and print-ready Visual assets for the hackathon.
- Created website UI components — designing hero sections, registration flows, and information architecture for the event landing page.
- Developed wireframes and user flows in Figma that guided the development team through consistent, user-tested design decisions.
Frontend Designer
Avinya
Avinya is a college-level product venture. I joined as a Frontend Designer, bridging the gap between design prototypes and pixel-perfect, production-ready components.
- Built responsive UI components using React.js, JavaScript, and CSS, ensuring cross-device consistency and accessibility.
- Translated Figma prototypes into functional frontend components, maintaining design fidelity while optimising for performance.
Work I'm proud of
Personal Finance Dashboard
A clear window into your financial life
Overview
A full-stack personal finance dashboard that gives users a clear, visual overview of their income, expenses, and savings trends — all in one unified interface.
Problem
Most students and young professionals have no structured way to understand their spending. Spreadsheets are clunky; banking apps bury the data. There's a gap between financial data and actionable financial clarity.
My Role
End-to-end ownership — from information architecture and Figma wireframes to building the React frontend and connecting it to a Node.js/Express backend with a MySQL database.
Key Features
- Interactive income vs. expense charts with date-range filtering
- Category-wise breakdown with visual budget indicators
- Responsive layout designed for both desktop and mobile use
- Clean, distraction-free UI inspired by minimal dashboard design
UX Thinking
The core design challenge was information density — presenting enough data to be useful without overwhelming the user. I used progressive disclosure: summary cards at the top, detailed charts on demand. Colour was used semantically (red/green) to communicate status without relying solely on labels.
OSPF Routing Protocol Simulator
Making network routing tangible and visual
Overview
A simulator for the Open Shortest Path First (OSPF) routing protocol, allowing users to create network topologies and observe how OSPF calculates and propagates routing paths in real time.
Problem
OSPF is a fundamental networking concept taught in theory — but students rarely get to see it in action. Existing simulators are complex, dated, and inaccessible. This project bridges the gap between textbook knowledge and practical understanding.
My Role
Core algorithm design and implementation. Translating the Dijkstra-based shortest-path logic of OSPF into a working, visualisable simulation environment.
Key Features
- Graph-based network topology builder
- Step-by-step Dijkstra's algorithm visualisation
- Dynamic link cost assignment and recalculation
- Routing table output per node
Technical Approach
Implemented the OSPF link-state advertisement logic and Dijkstra's algorithm from scratch. Focused on making the internal state transitions visible so learners could follow the protocol step-by-step — turning an opaque algorithm into an observable process.
LZW Compression Tool
Efficient data compression from first principles
Overview
A working implementation of the Lempel-Ziv-Welch (LZW) lossless compression algorithm — a foundational technique behind widely-used formats like GIF and TIFF. The tool compresses and decompresses text-based files.
Problem
Data compression is often treated as a black box. Building LZW from scratch required deeply understanding dictionary-based encoding — how patterns in data are identified, encoded, and reconstructed without loss of information.
My Role
Solo implementation of both the encoder and decoder. Designed and validated the dictionary-building logic and bit-packing output format.
Key Features
- Full encode and decode pipeline with dictionary management
- Compression ratio measurement and comparison
- Handles variable-length codes efficiently
- Clean CLI interface for file input/output
What I Learned
Working at this level of abstraction — bits, bytes, dictionary slots — sharpened my understanding of how data is structured. It also gave me a deeper appreciation for the performance decisions made behind the scenes in every application I now design and build.
Tools of the craft
Design
Frontend
Backend & Database
Languages
Tools & DevOps
Academic Focus
Beyond the screen
I believe the best designers and engineers are well-rounded humans. Outside of coursework and projects, I stay active in my campus community.
Dynamight Dance Club
Active member of IIIT Dharwad's dance collective — where rhythm, creativity, and teamwork intersect.
Magazine Team
Contributed to the campus magazine — writing, editing, and helping shape content that tells the college's story.
Social Media Team
Part of the official social media team at IIIT Dharwad — planning and executing content strategy for the institution's online presence.
Let's build something
worth using
Whether you have an opportunity, a project idea, or just want to talk design — my inbox is open. I respond thoughtfully.