Kirolos Louis

Building production web products for agriculture, investment, and AI — from interfaces in Figma to scalable React applications.

• Designed and developed responsive interfaces using React, Next.js, Tailwind CSS, and modern UI libraries, focusing on consistency, usability, and performance.
• Built the main FarmTopia platform, helping farmers manage operations, irrigation, fertilizers, crop insights, reports, and analytics.
• Worked on FarmTopia Copilot, an AI-assisted experience built around the Hathor persona to bring intelligent assistance into the farming workflow.
• Contributed to FarmLand Market, an investment platform connecting farmland opportunities with users through farm information and investment workflows.
• Collaborated across UI/UX design and frontend development, turning Figma concepts into production-ready interfaces and interactive experiences.

React · Next.js · TypeScript · Tailwind CSS · Figma · Framer Motion

Designing and building an animated web experience where the UI and motion had to feel like one thing.

• Designed and implemented an interactive landing experience for 1982, combining UI/UX design with frontend development.
• Built advanced page animations and interactions using GSAP, while maintaining responsive layouts and smooth performance.
• Translated design concepts from Figma into reusable React interfaces, keeping visual consistency across the experience.
• Worked across both design and development, bridging the gap between the visual direction and the final implementation.

React · GSAP · JavaScript · Tailwind CSS · Figma

My first real step into professional frontend development — building, testing, and improving React applications in a team environment.

• Participated in developing and maintaining React-based applications within an agile development environment.
• Worked on responsive UI implementation, component development, and interface refinements.
• Supported the development lifecycle across implementation, testing, debugging, and deployment.
• Collaborated with the team to improve application usability, consistency, and overall frontend quality.

React · JavaScript · HTML5 · CSS · Git

• Designed and developed responsive, high-performance interfaces using React, Next.js, TypeScript, and Tailwind CSS.
• Built core platform experiences for irrigation management, fertilizer tracking, crop reports, weather insights, and analytics dashboards.
• Developed FarmTopia Copilot, an AI-assisted experience supporting the Hathor persona across the platform.
• Contributed to FarmLand Market, an investment product enabling users to explore and invest in farmland opportunities.
• Worked across UI/UX design and frontend development, translating Figma designs into reusable, production-ready interfaces.

React · Next.js · TypeScript · Tailwind CSS · Figma · Framer Motion

Demo

• Built a complete grocery delivery workflow with role-based authentication for Users, Admins, and Delivery Partners.
• Implemented product browsing, categories, search, filtering, shopping cart management, and order processing.
• Developed real-time order tracking with live delivery partner location sharing.
• Built dedicated Admin and Delivery Partner dashboards for managing products, orders, deliveries, and operations.
• Implemented automated background jobs for email notifications, low-stock alerts, and delivery partner assignment.

React · Next.js · TypeScript · Node.js · MongoDB

Demo

• Built a complete Kanban task management experience with drag-and-drop interactions for organizing and updating tasks.
• Implemented efficient server-state management and caching to keep task data synchronized while reducing unnecessary requests.
• Designed a scalable frontend architecture with reusable components and clear separation between UI, state, and data-fetching concerns.
• Focused on responsive interactions, predictable state updates, and a polished user experience suitable for a production application.
• Developed as part of the M3aarf Frontend Developer assessment, with an emphasis on code quality, architecture, and real-world frontend practices.

React · TypeScript · Tailwind CSS

Demo · Repo

• Developed a responsive expense-tracking frontend using React, TypeScript, and Tailwind CSS.
• Built reusable interfaces for managing and presenting personal expense data.
• Integrated Convex as the backend for application data and real-time functionality.
• Implemented user authentication and account management using Clerk.
• Focused on clean UI structure, responsive layouts, and a consistent user experience across the application.

React · TypeScript · Tailwind CSS · Convex · Clerk

Demo

• Designed and developed a responsive healthcare dashboard using modern frontend technologies.
• Created structured dashboard views for presenting healthcare information through clear and accessible interfaces.
• Focused on reusable components, responsive layouts, and consistent visual hierarchy across the application.
• Combined frontend development with UI/UX principles to make complex information easier to navigate and understand.

React · TypeScript · Tailwind CSS

Demo · Repo