Hello, I'm Moataz Ali
Frontend Developer with 2 years of experience in building high-performance, scalable web applications using React, Next.js, and TypeScript. Skilled in UI/UX best practices, performance optimization, and modern state management solutions like Redux and Zustand. Procient in TypeScript, ensuring type safety and maintainability across complex projects. Experienced in integrating frontend applications with backend services using Node.js, NestJS, and Prisma. While my core expertise lies in React and Next.js, I actively explore frameworks like SvelteKit, Vue, and Angular, allowing me to adapt quickly to evolving technologies. Successfully transitioned from a ve-year banking career to software development, leveraging strong analytical and problem-solving skills to deliver impactful solutions. Passionate about continuous learning and collaborating with innovative teams in dynamic environments to create efcient and user-centric applications.

About Me

After five years in the banking sector, I made a bold career shift to pursue my passion for programming. Over the past two years, I have been building high-performance, scalable web applications using React, Next.js, and TypeScript. My background in business has honed my analytical and problem-solving skills, which I now apply to software development.

I specialize in crafting intuitive and user-centric interfaces, ensuring seamless performance and accessibility. My expertise extends to Redux, Zustand, and other modern state management solutions, allowing me to maintain scalable applications efficiently.

While my primary focus is on React and Next.js, I continuously explore emerging technologies. I have hands-on experience with SvelteKit, Vue, and Angular, and I am proficient in integrating frontend applications with backend services using Node.js, NestJS, and Prisma.

My skill set also includes building RESTful APIs and working with databases such as MySQL, PostgreSQL, and MongoDB. Ensuring code maintainability and type safety with TypeScript is a core part of my development process.

I thrive in dynamic environments where I can collaborate with innovative teams to build impactful solutions. Beyond coding, I am deeply passionate about continuous learning, whether it's exploring new frameworks, refining best practices, or immersing myself in different cultures and perspectives.

With a strong commitment to excellence, I am eager to contribute my skills to forward-thinking projects and drive meaningful innovation in the tech space.

Projects

Spectra App

A web platform bridging people with disabilities and healthcare services. Built with .NET Core (backend) and Next.js (frontend) for a scalable, accessible experience.

NextJs
Tailwind
NextI18
Tanstack Query
VideoSDK
SignalR

Easy Tasks

This project is a basic to-do application built with Angular V18.

Angular
Typescript
Responsive design
Add new tasks
Delete tasks
Mark tasks as completed

Movies App

This project is a simple Next React-based movies application built as part of the Vodo company internship task. It displays a list of movies and movie details with the ability to search for a specific movie.

Next
Typescript
Tailwind
Redux toolkit
Context API
axios
Pagination
Lite responsive
SCR API
Search functionality
Movie overview

eCommerce-Store

Full stack store app build with Next, prisma, supabase db and full functional dashboard. You can find the backend dashboard project on my github.

Next
Tailwind
HeadlessUi
Typescript
Zustand
Next Backend
Prisma

Next Auth v5

This project provides an advanced implementation for Next Auth V5, covering comprehensive features and best practices for integrating authentication in Next.js.

Next
Typescript
Tailwind
Shadcn
Prisma
Credentials Provider
User roles
OAuth Provider
Email verification
Password reset
Protected routes

LinkedIn-Clone V1

This project is a clone of LinkedIn built using React with Vite as the frontend and Sveltekit as the backend. It aims to replicate some of the core features of LinkedIn, allowing users to view posts from others, interact with likes and comments, and manage their own profiles.

React
Tailwind
MUI
Redux
React form
React Query
Zod

Amaar Landing Page

Amaar Landing Page is a prototype responsive and modern landing page in English and Arabic designed to capture user attention and drive conversions. It is built with modern web technologies and follows best practices for web development.

NextJs
Tailwind
NextI18
FramerMotion
React-hot-toast
Resend

Todo App

React Todo App is built with React.js. It typically features the ability to add, edit, and delete tasks, as well as mark them as complete. Users can interact with a clean, responsive and intuitive interface.

React
Tailwind

HooBank

HooBank website, which is a modern UI/UX website built using React.js and Tailwind CSS. This project is a great example of a modern web application with a clean and responsive design.

React
Tailwind

Dashboard

Dashboard interface designed to provide users with an overview of key metrics and data points. Typically used to visualize data trends, monitor performance, and make informed decisions based on real-time information.

HTML
CSS
Custom CSS Framework

Skills

HTML
CSS
JavaScript
TypeScript
React
Next js
Svelte
SvelteKit
Node js
NestJS
Git
Github
Tailwind
Shadcn
Mantine
bootstrap
MUI
Prisma
Redux
Zustand
Tanstack Query
React form
Formik
Zod
Framer Motion
Postman
Swagger
Vercel
Next Auth v5
Clerk
Kinde
i18next

My Experience

Frontend Web Developer

Profound | Alex, Egypt

Developing and optimizing high-performance Next.js applications, ensuring 90+ Lighthouse scores in performance and accessibility. Building dynamic, interactive user interfaces with a strong focus on UI/UX best practices to enhance user experience. Integrating and consuming RESTful APIs and WebSockets, streamlining real-time data ow between frontend and backend services. Implementing performance optimizations, lazy loading, and code splitting to improve efciency and scalability. Enhancing application security and authentication using Next middleware and JWT, ensuring secure user access and data protection. Collaborating closely with designers and backend developers in an agile environment to deliver seamless and responsive applications.

07/2024 - present

Frontend Web Developer

Freelance | Alex, Egypt

Built and deployed personal and freelance projects using Next.js, React, and TypeScript to strengthen my frontend expertise. Developed full-stack applications, integrating RESTful and GraphQL APIs while ensuring efcient state management with Redux and Zustand. Optimized application performance using lazy loading, code splitting, and caching strategies for enhanced speed and scalability. Explored advanced UI/UX principles, accessibility standards, and responsive design techniques to create intuitive user experiences. Implemented authentication and authorization ows using NextAuth and JWT, enhancing security in web applications. Collaborated with developers and designers on open-source and side projects, gaining hands-on experience in agile workows and best practices.

11/2023 - 07/2024

Banker

Banque Misr | Alex, Egypt

Managed nancial transactions, customer accounts, and provided tailored banking solutions to enhance client satisfaction. Developed strong analytical and problem-solving skills, which later helped in transitioning to a tech career in web development.

04/2018 - 09/2023

Bachelor’s degree

Alexandria University

I have a bachelor degree in business administration from faculty of commerce English section.

2017

Contact Me

Please contact me directly at moo3tazali@gmail.com or through this form.