{ M.Ghaly }
← All Projects
Web App

Aydi Eye

Company portal for Aydi Eye — contributed to feature development, bug fixes, and performance optimization using React, Next.js, and React Query.

Year

2023

Company

Aydi Technologies

Status

Live

Live

View Site →

ReactNext.jsReact QueryTypeScript

Overview

Aydi Eye is a company portal built for Aydi Technologies, providing an internal web interface for managing company data and operations. Built with React and Next.js, with React Query handling all server-state synchronization.

My Role

Frontend Developer (Contributor) — joined an existing codebase and took ownership of feature implementation, bug resolution, and frontend optimization tasks.

Contributions

Feature Implementation

Delivered new UI features end-to-end: built components, wired them to API endpoints via React Query, and ensured consistent behavior across the application.

Bug Fixes

Diagnosed and resolved UI and data-fetching bugs — including stale cache issues, incorrect query invalidation, and edge cases in form handling.

Optimization

Improved perceived performance by refining React Query cache strategies (stale time, refetch policies) and reducing unnecessary re-renders across key pages.

Tech Stack

  • React + Next.js — component architecture and page routing
  • React Query — server-state management, caching, and background refetching
  • TypeScript — type-safe component and API integration layer

Results

  • Live at eye.aydi.com
  • Delivered features and fixes that improved stability and user experience for internal teams