Project Gallery

Showcasing projects I've completed in software development and design.

A laptop screen displays a code editor with several JavaScript files open in the sidebar, including app2.js, app.js, index.html, index.js, script.js, and style.css. The editor shows a JavaScript function with syntax highlighting, and the environment appears dimly lit with a dark mode interface. Several folders and files are visible within the editor's explorer pane.
A laptop screen displays a code editor with several JavaScript files open in the sidebar, including app2.js, app.js, index.html, index.js, script.js, and style.css. The editor shows a JavaScript function with syntax highlighting, and the environment appears dimly lit with a dark mode interface. Several folders and files are visible within the editor's explorer pane.
A dimly lit office setting with a laptop displaying code on the screen. The image shows a programming environment with various lines of HTML or JavaScript. A blurred hand is using a mouse on the left side, while another laptop is partially visible in the background. The overall setting suggests a workspace focused on coding or software development.
A dimly lit office setting with a laptop displaying code on the screen. The image shows a programming environment with various lines of HTML or JavaScript. A blurred hand is using a mouse on the left side, while another laptop is partially visible in the background. The overall setting suggests a workspace focused on coding or software development.
A computer screen displays software code in a text editor. The code seems to be related to a web page with HTML and CSS components. On the left side, a file tree shows various file names in a project. The code includes HTML structure and styling classes.
A computer screen displays software code in a text editor. The code seems to be related to a web page with HTML and CSS components. On the left side, a file tree shows various file names in a project. The code includes HTML structure and styling classes.
A workspace featuring a large monitor displaying code in front of a window with closed blinds. Below the monitor is a laptop open to a webpage about a developer event. On either side of the monitor are yellow studio speakers. Various items like cables, a microphone, and a book are arranged on the desk.
A workspace featuring a large monitor displaying code in front of a window with closed blinds. Below the monitor is a laptop open to a webpage about a developer event. On either side of the monitor are yellow studio speakers. Various items like cables, a microphone, and a book are arranged on the desk.

Project Showcase

Explore my diverse projects in full stack development.

To-Do App
  • Developed a responsive task management web app inspired by Jira using React, TypeScript, Tailwind CSS, and Daisy UI, ensuring cross-platform compatibility.

  • Streamlined state management with React Hooks (useState, useEffect, useContext) and Context API, and enabled seamless navigation via React Router.

  • Achieved client-side data persistence using session storage, eliminating reliance on server-side storage.

File Locker
  • Built a secure Java Swing file management app with user auth, encrypted file storage, and MySQL integration.

  • OTP email verification (Java Mail API) was added for secure access and file operations.

  • Designed MySQL schemas to manage metadata and dynamic file visibility (hide/unhide).

  • Built a fully responsive 5-page static eCommerce website using HTML5 and CSS3.

  • Designed a modern, user-friendly interface with rich visuals and embedded Google Maps.

  • Applied semantic HTML, media queries, and responsive design principles for cross-device compatibility.

Responsive E-commerce
Responsive tribute-page
  • Built a fully responsive single-page static blog website on Dr. Borlaug's life using HTML5 and CSS3.

  • Designed a modern, user-friendly interface with rich visuals and embedded Google Maps.

  • Applied semantic HTML, media queries, and responsive design principles for cross-device compatibility.

Abdullah's expertise in full stack development transformed our project. His problem-solving skills and proficiency in React and Java made the process seamless and efficient.

John Doe

A computer screen displaying lines of code in a development environment. The code includes PHP syntax with functions, variables, and comments. The background is dark, and there are several open tabs with file names on the side.
A computer screen displaying lines of code in a development environment. The code includes PHP syntax with functions, variables, and comments. The background is dark, and there are several open tabs with file names on the side.

★★★★★