Hi there! I’m Ali.

Ali Image

I’m a web developer specializing in React, TypeScript, and Next.js, with hands-on experience in building e-commerce platforms, note-taking apps, and blogs.

I’m also learning backend technologies like Node.js, Express, and MongoDB, and currently creating MERN stack e-commerce applications to develop full-stack solutions.

Currently, I’m focused on expanding my skill set and working on innovative, user-centered projects.

See My Cv

🎮 Guess the 5-letter word! You have 5 tries.

wordle

What I Do

I’m a Front-End Developer specializing in React.js, working with both TypeScript and JavaScript to build dynamic and interactive web applications. I focus on creating smooth, responsive, and high-performing user interfaces. Beyond coding,

I have a strong passion for UI/UX design. I’ve worked on case studies to craft meaningful user experiences, from research to prototyping, ensuring intuitive and visually appealing interfaces. My goal is to merge design and development to create seamless digital experiences. You can check out my work on Behance

see some of my skills

My work

TechStoreOnline

TechStoreOnline

- A full MERN stack e-commerce app..

- Features product filtering, search, and order management.

- Includes Stripe payments and invoice download..

TechBlog

TechBlog

- A full-featured blog platform built with Next.js

- Supports admin & user roles with rich text editor

- Blogs can include images uploaded via Cloudinary

EasyInvo

EasyInvo

- A powerful invoicing app built with Next.js and Prisma.

- Includes full auth system and CRUD for invoices.

- Supports Stripe payments, email via Resend & React Email.

Cloth-Store

Cloth-Store

- An advanced e-commerce website with React.js.

- Features seamless API integration with Axios.

- Designed for a smooth shopping experience.

Note-App

Note-App

- A simple note-taking app with React.js.

- Users can add, edit, and delete notes easily.

- Uses Formik and Yup for smooth form validation.

Wordle

Wordle

- Classic word guessing game built with React & TypeScript

- Features daily challenges and interactive keyboard

- Responsive design with victory animations

Weather-App

Weather-App

- Real-time weather forecasting web application

- Integrates with OpenWeatherMap API for live data

- Displays temperature, humidity, and wind speed

My-Old-Portfolio

My-Old-Portfolio

- A modern portfolio built with React and TypeScript.

- Supports dark/light mode and smooth navigation.

- Optimized for SEO and perfect responsiveness.

CYBORG

CYBORG

- A dynamic gaming website with React and TypeScript.

- Includes Home, Streams, Profile, and Browse pages.

- Fully responsive with smooth SPA navigation.

Exciting Projects on the Way! 🚀 Stay tuned for more updates!

Case Studies

the Book Exchange Experience

the Book Exchange Experience

- A Case Study on Streamlined Swapping and Delivery

- I followed the Double Diamond process in my design, focusing on the four stages: Discover, Define, Develop, and Deliver.

Tawaazon

Tawaazon

- Tawaazon Case Study (Ui Ux Design)

- Tawaazon: An Innovative App Designed to Help Parents Manage Their Children's Screen Time While Educating Them on the Importance of Balance in a Fun and Engaging Way

If you want to see more, check out my Behance for more case studies!