Hi, my name is
Sumaira Hafeez.
Turning imagination into interactive web experiences.
About Me
I’m Sumaira Hafeez, a Frontend Developer with a strong interest in AI and Machine Learning. I enjoy building clean, responsive web interfaces using React, JavaScript, and Tailwind CSS — always focused on creating smooth and user-friendly experiences.
I'm currently exploring how AI can enhance interactivity on the web, and I'm learning Generative AI tools along with Adobe After Effects to blend motion design with frontend development. I'm also deepening my understanding of databases and transaction management to grow as a full-stack developer.
My goal is to combine design, development, and AI to build smart, engaging, and seamless digital products.
Here are a few technologies I’ve been working with recently:
- JavaScript (ES6+)
- React.js
- Next.js
- Tailwind CSS
- Adobe After Effects
- Python
- Flask
- Node.js
- Git & GitHub
- Figma
Where I’ve Worked
Game UI/UX Designer Intern @ UET Game Studio
March 2025 - present
-
Collaborated with fellow designers and developers to design intuitive and visually engaging UI/UX for multiple game projects at UET Game Studio
-
Created and implemented user interface designs, menus, HUDs, and interactive game elements that enhanced the - overall player experience
-
Translated gameplay mechanics and user needs into wireframes, prototypes, and polished UI assets using tools like Figma and Adobe XD
-
Worked closely with developers to ensure seamless integration of UI components into game engines while maintaining design consistency and responsiveness across devices
Some Things I’ve Built
Featured Project
Solitare Game
I built a Solitaire game using React, focusing on state management and UI updates. The game follows Klondike rules, implementing tableau piles, stockpile, and foundation piles. I optimized card movements, rendering efficiency, and game tracking, including a timer to record completion time.
- Javascript
- React
- Data Structure
- Tailwind CSS
![Solitare Game]()
Featured Project
Cyber File Share
Cyber File Share enables simple and secure file sharing with end-to-end encryption. It supports sharing files with friends via unique links and includes built-in virus scanning for safety. The system ensures privacy, integrity, and a smooth user experience for everyday file transfers.
- React
- python Flask
- Railway app
- Virus scanning
![Cyber File Share]()
Featured Project
A Tourism Guide
I built a Tourism Guide System using Python and PyQt, focusing on efficient data organization and user-friendly navigation. I implemented tree-based categorization for places and fetched data from a CSV file. The system helps users explore destinations easily while ensuring structured data management.
- Pyqt
- OpenStreet API
- matplotlib
- Networkx
![A Tourism Guide]()
Featured Project
AI based Student Mental health predictor
Developed a Student Mental Health Predictor using a Random Forest model trained on a Kaggle dataset to identify mental health risk levels. Integrated the Gemini API to generate personalized recommendations and resources based on prediction outcomes. The system aims to support student well-being through data-driven insights and AI-powered guidance.
- Pyqt
- Joblib
- scikit
- Gemini Api integration
![AI based Student Mental health predictor]()
Other Noteworthy Projects
view the archiveBooks Recommendation System
Implemented data visualization and data extraction of Books dataset from kaggle
Rule based Chatbot
Implemented in memory database using a mobile app for a rule based chatbot
Cosmic DB
Implemented a complete database system using python flask having transactions manager, ACID properties, CRUD, indexes
Air Force Management System
I built an Air Force Management System in C# using WinForms and OOP, focusing on aircraft tracking, personnel management, and mission planning.
Xpense Tracker System
I built an Expense Tracker in React to manage and track expenses efficiently with a user-friendly interface.
Github Scrapping Project
I implemented web scraping using Python, Selenium, and PyQt5, focusing on data extraction, automation, and multi-threading for efficient scraping and UI interaction
What’s Next?
Get In Touch
I am actively seeking new opportunities to grow and advance my career. Whether you have a project, collaboration, or just want to connect, feel free to reach out to me.
Say Hello