I build responsive websites and craft visually engaging designs — blending technical and creative skills to deliver digital experiences, one project at a time.
↓ Download ResumeI'm a BS Computer Science student building responsive websites and visually engaging designs — blending technical and creative skills, and continuously growing my expertise in modern web technologies and design tools. Currently looking for an internship to apply and grow my skills in a professional environment.
Every interface starts as a question about a person's goal, not a canvas to fill.
Understanding behavior before pixels.
Mapping the shortest path to value.
Structure first, decoration second.
Clickable, testable, real enough to judge.
Components that scale without drifting.
Detail that reads as craft, not decoration.
One system, every viewport.
Tested with real people, not assumptions.
One coherent system, from the button click to the row in the database.
Design and code mean nothing until real users can reach them — reliably, securely, every time.
Every layer of the stack, covered.
Designed, built and deployed end to end.
A Python NLP tool that vectorizes text with TF-IDF and flags plagiarism using cosine similarity against an 80% threshold — achieved 100% accuracy on the sample dataset.
Meridian — a full-stack library admin dashboard: a React (Vite + Tailwind) frontend talking to a Node.js/Express REST API, with JWT-based login and a persistent JSON-file backend. Covers book catalog CRUD, member records, issuing/returning books, categories, authors, and a reports view with charts for issued-vs-returned trends and category stats.





MedCare Hospital — a full hi-fi UI/UX design mapping the booking flow, from dashboard to doctor listing, appointment booking, patient profile and lab reports.






Full institute website designed, built and deployed to production.
Software house site for a web, mobile & AI product studio — designed, built and deployed to production.
Still learning, still building — one step at a time.
Currently in 6th semester, building a foundation across programming, web development and design.
Working as a Web Developer, building and maintaining full-stack projects — from frontend interfaces to backend integration and deployment.
Built and deployed two full-stack websites end to end — atvti.com and solutions.atvti.com — covering design, development and production deployment.
Handled outbound sales calls to promote and close products, contributing to team targets through proactive client engagement.
Subjects: Math, Physics, Computer — where my interest in technology and design first took shape.
Open to internships, freelance projects and collaborations.
Wireframes and clean, visually engaging interfaces in Figma.
Responsive, well-structured builds in HTML, CSS and JavaScript.
Building applications with MongoDB, Express, React and Node.
Building applications with PostgreSQL, Express, React and Node.
Comfortable working across the frontend, backend and database.
Getting a finished site live and running on a real domain.
Have an idea, application or product that needs to be designed, developed and deployed? Let's make it production-ready.
import numpy as np
import pandas as pd
from sklearn.feature_extraction.text import TfidfVectorizer
from sklearn.metrics.pairwise import cosine_similarity
from sklearn.metrics import accuracy_score
# Step 1: Load data from files
original_file_path = r'c:\Users\user\Desktop\Khadija\original.txt'
plagiarized_file_path = r'c:\Users\user\Desktop\Khadija\plagiarized.txt'
with open(original_file_path, 'r', encoding='utf-8') as f:
original_texts = f.readlines()
with open(plagiarized_file_path, 'r', encoding='utf-8') as f:
plagiarized_texts = f.readlines()
if len(original_texts) != len(plagiarized_texts):
raise ValueError("The two files must have the same number of documents.")
df = pd.DataFrame({'original': original_texts, 'plagiarized': plagiarized_texts})
# Step 2: Preprocess and vectorize text
vectorizer = TfidfVectorizer(stop_words='english', ngram_range=(1, 2))
original_vectors = vectorizer.fit_transform(df['original'])
plagiarized_vectors = vectorizer.transform(df['plagiarized'])
# Step 3: Compute similarity
similarity_scores = cosine_similarity(original_vectors, plagiarized_vectors)
df['similarity_score'] = np.diagonal(similarity_scores)
df['similarity_percentage'] = (df['similarity_score'] * 100).round(2)
# Step 4: Threshold-based plagiarism detection
threshold = 80.0
df['plagiarized_detected'] = df['similarity_percentage'] >= threshold
# Step 5: Evaluate accuracy
y_true = [True] * len(df)
y_pred = df['plagiarized_detected'].tolist()
accuracy = accuracy_score(y_true, y_pred) * 100
print("Plagiarism Detection Results:")
print(df[['original', 'plagiarized', 'similarity_percentage', 'plagiarized_detected']])
print(f"\nAccuracy: {accuracy:.2f}%")