Portfolio
















Data Pagination Project

Data Pagination & Filtering

Manages and displays a dataset of 42 student records with dynamic pagination (9 records per page) and real-time search filtering. Demonstrates structured data display, filtering logic, and user-friendly navigation of large datasets.

Stack: JavaScript, HTML, CSS

Interactive Form Project

Interactive Form & Validation

Accessible registration form with real-time field validation, conditional logic, error handling, and WCAG accessibility features. Reflects experience ensuring data entry accuracy and compliance — critical skills for case management and reporting systems.

Stack: JavaScript, HTML, CSS, Accessibility (WCAG)

Public API Project

Public API Employee Directory

Fetches and displays live employee data from a public API, rendering 12 profile cards with modal detail views and search filtering. Demonstrates API integration, dynamic data rendering, and UI patterns common in data dashboards and reporting tools.

Stack: JavaScript, Fetch API, HTML, CSS

Search Book App in React

MERN-Stack App created with React components, work with helper/util functions, and utilize React lifecycle methods to query and display books based on user searches. also it uses Node, Express and MongoDB so that users can save books to review or purchase later.

More on Github

Let’s discuss for a project


Start Talking