AliZayan

• Delivered multiple end-to-end frontend modules for Al-Faisal University in coordination with a Laravel backend team, focusing on clean Ul implementation and smooth API integration.
• Built and maintained CRUD workflows (create, read, update, delete) across university portals including forms, tables, filters, and role-based screens.
• Developed and deployed modules for ODOO Portal and College of Engineering Internship Portal, implementing responsive layouts and reusable React components.
• Contributed to the College of Medicine Internship module, translating requirements into structured Ul flows and production-ready screens.
• Currently developing the Al-Faisal University IT Helpdesksystem, implementing ticket flows and dashboard-style interfaces for internal users.
• Built and shipped QTS (Quality Team Solutions) ](https://qts-final-versions.vercel.app/) [as a separate deployed application on Vercel, working from Ul development to production release.
• **Tech Stack:**React.js, Redux Toolkit, React Router, Tailwind CSS / MUI, JavaScript (ES6+), TypeScript, Git, Postman, REST API Integration, Vercel

• Contributed to an ERP web module (Attendance/ Records) by implementing end-to-end CRUD workflows(create, view, update, delete) for core entities.
• Built responsive Ul screens using React.js (forms, tables, filters, and validations) to support daily operations and reporting.
• Integrated frontend with REST APIs (Node.js/ Express) and handled request/ response flows, error states, and loading UX.
• Worked with MongoDB for data modeling support (schemas/ collections structure) and ensured smooth data rendering in the UI.
• Implemented basic authentication/authorization flow (JWT/ session-based as per project setup) and protected module routes/ views.
• Used Postman to test endpoints, verify payloads, and troubleshoot integration issues alongside the team. Followed team workflow using Git/GitHub (branching, commits, pull requests) and incorporated feedback through iterations.
• Improved stability by fixing Ul bugs, edge cases, and responsiveness issues across common screen sizes.•
• **Tech Stack:**React.js, JavaScript (ES6+), Node.js, Express.js, MongoDB, REST APIs, Postman, Git/ GitHub

• Took ownership of React frontend development across multiple internal and client-facing web applications, contributing from Ul planning to final delivery.
• Led frontend execution for SportsZone (flagship project), building responsive pages and reusable UI components to support a fast, user-friendly sports information experience.
• Contributed to WikiReg and additional company projects by developing structured UI flows, forms, and data-driven screens using React + Bootstrap.
• Implemented responsive layouts and mobile-friendly UI using Bootstrap, custom CSS, and component- based design patterns to ensure consistent behavior across devices.
• Integrated frontend screens with backend services by consuming REST APIs, handling loading/ error states, and ensuring smooth user flows for CRUD-based modules.
• Built reusable components (tables, modals, input forms, navbars) to speed up development and maintain• consistent Ul across multiple projects.
• Collaborated closely with backend and team members to refine requirements, resolve UI issues, and deliver• features in iterative cycles.
• Supported projects for government/defense-sector stakeholders (including GHQ-related work) with a focus on clean UI, access-controlled screens, and professional dashboard-style interfaces (non-confidential Ul implementation).
• Used Git/GitHub for version control (branching, commits, merges) and maintained a disciplined workflow for multi-project development.
• Tested and validated APIs and frontend flows using Postman and browser DevTools, troubleshooting issues and ensuring stable releases.
• Tech Stack: React.js, JavaScript (ES6+), Bootstrap, HTML/ CSS, REST APIs, Node.js (collaboration), MongoDB (project exposure), Git/ GitHub, Postman

• Technologles: Next.js, Material UI (MUI), JavaScript, Redux Toolkit, REST APIs | Role: Frontend Developer Delivered end-to-end internship portal screens with heavy CRUD operations (forms-validation-ready UI, data• tables, filters).
• Implemented responsive dashboards and role-based UI flows aligned with real admin/• user use-cases.
• Ensured consistent styling using MUI theme tokens and shared components across pages.•

Technologles: Next.js, Material UI (MUI), JavaScript, Redux Toolkit, REST APIs | Role: Frontend Developer Developed multiple modules/• screens for internship management using Next.js dashboard architecture and reusable UI blocks.

Integrated APIs for listing/• creating/ updating records and maintained clean Ul state management patterns.

• Technologles: Next.js, Material UI (MUI), JavaScript, Redux Toolkit, REST APIs | Role: Frontend Developer Built portal UI with structured navigation and CRUD-based modules (create/• edit forms, searchable lists, detail views).
• Worked closely with backend (Laravel team) to align payload structures and ensure smooth end-to-end• flows.

• Built dashboard UI for IT support workflows (tickets list/• detail, create/ edit flows) with reusable components (tables, filters, modals, forms).
• Integrated REST APIs provided by the backend team, handling loading/• error states and user-friendly feedback.
• Customized a premium MUI theme (layout system, custom hooks/• utilities, reusable UI patterns) to match product requirements.

• Built the full product Ul and user flows in Next.js; integrated APIs and handled edge cases for a smooth• experience.
• Implemented selected backend endpoints/• APIs as needed (kept scope lightweight, frontend-first). Deployed to Vercel and supported release iterations•

• Worked on theme-based Research Budget Managment System using React.js and Material UI(MUI).•
• Gained hands-on experinece with Git, component-based architecture, and custom MUI theming.• Creating complex components and different styling structure.•

• Technologles: MongoDB, Express.js, React.js, Node.js | Role: Full-Stack Developer
• Implemented a scalable MERN stack architecture, ensuring seamless user experience and efficient data• management.
• Designed an interactive landing page where clients can directly access available artists, while artists must• register by providing their details and uploading demo tracks.
• Built a secure authentication system, ensuring artists and clients have personalized access and control over• their profiles.
• Developed backend APIs with Node.js and Express.js, integrating MongoDB for structured data• management.
• Enabled audio track uploads for artists, allowing them to showcase their talent.•

• Technologles: JavaScript, Redux Toolkit, React.js, Material UI | Role: React.js Developer
• Integrated Material UI for a sleek and consistent design.•
• Developed a scalable backend using Node.js, Express.js, and MongoDB to ensure high performance and• reliability.

• Technologies: React.js, React Router, Modals, JavaScript, Redux Toolkit, REST APIs | Role: React.js Developer Leveraged Redux Toolkit for efficient state management, enhancing component communication and UI• responsiveness.
• Implemented advanced React.js concepts, including virtual DOM, state management, JSX, and component• lifecycle methods for an optimized user experience

• Technologies: React.js, Bootstrap, JavaScript, Redux Toolkit, Material UI | Role: React.js Developer
• Lead the development of SportsZone, a real-time sports news and updates platform, using the MERN stack.•
• Designed an intuitive and responsive UI with React.js and Material UI for an engaging user experience.•
• Implemented backend architecture using Node.js and Express.js for efficient data processing.• Developed features for live sports updates, news, and international event tracking to enhance user• engagement.