person peeking from behind laptop
Available for new projects

Hi. I'm Ali Yahya.

I specialize in transforming designs into functional, high-performance , scalable websites and web applications.

About Me

A glimpse into my world

hero

My Experience

A small list of cool things I use to construct my projects.

Next.Js

Typescript

Javascript

React

Redux

React Query

Tailwind

Node.Js

MongoDB

Express

Prisma

Sql

PostgreSQL

Git

Mantine UI
Performant
Reliable
Responsive
Robust
Scalable
Secure
Accessible
User Friendly
Maintainable
Interactive
Search Optimized
Usable
Performant
Reliable
Responsive
Robust
Scalable
Secure
Accessible
User Friendly
Maintainable
Interactive
Search Optimized
Usable

Real-world Results

Featured Projects

See how I transformed concepts into engaging digital experiences.

Top Projects

Breadit


Breadit is a full-stack website built using modern web technologies, including Next.js with the App Router, TypeScript, and Tailwind CSS. The project provides a smooth, dynamic user experience with features like infinite scrolling for loading posts, authentication via NextAuth with Google integration, and personalized feeds for authenticated users. It employs optimistic updates to enhance the user experience by reflecting changes immediately while processing, and advanced caching mechanisms using Upstash Redis.

  • Next.js
  • TailwindCSS
  • Postgres
  • Prisma
  • React Query
  • NextAuth
  • upstash
Breadit

Cypress


This project is a simplified clone of the popular productivity application, Notion. It's designed to replicate some of the core features of Notion, providing a platform where users can create, edit, and organize their notes in a flexible and intuitive interface.

  • Next.js
  • TailwindCSS
  • MongoDB
  • Express
  • Node.js
  • Clerk
Cypress

Rate My Uni (Hackathon Project)


The project is focused on building a simple, yet functional, web-based interface where students and users can rate universities based on various criteria (e.g., campus, academics). It aims to create a platform where users can submit and view ratings for different universities, much like popular 'Rate My Professor' services but focused on universities as a whole.

  • Next.js
  • TailwindCSS
  • MongoDB
  • Express
  • Node.js
Rate My Uni (Hackathon Project)

Real Time Chat App


A real-time chat application built using modern web technologies. It leverages Next.js for the frontend, styled with Tailwind CSS, and uses Redux Toolkit for state management. The backend is powered by Node.js and Express, with Firebase handling real-time messaging and authentication. The app ensures seamless, instant communication with an intuitive UI, optimized for both mobile and desktop users.

  • Next.js
  • TailwindCSS
  • NeonDB
  • Express
  • Node.js
  • Prisma
  • firebase
  • Redux Toolkit
  • MUI
Real Time Chat App

Ethiopian Elegance


E-commerce website designed to sell traditional Ethiopian clothing, jewelry, and home goods. The platform allows users to browse products by category, view detailed descriptions, and add items to a shopping cart. It includes essential e-commerce functionalities such as user account creation, order history tracking, and checkout with payment integration using Stripe.

  • MongoDB
  • Express
  • React.js
  • Node.js
  • TailwindCSS
  • Stripe
  • Mantine UI
Ethiopian Elegance

Next Js

Breadit


Breadit is a full-stack website built using modern web technologies, including Next.js with the App Router, TypeScript, and Tailwind CSS. The project provides a smooth, dynamic user experience with features like infinite scrolling for loading posts, authentication via NextAuth with Google integration, and personalized feeds for authenticated users. It employs optimistic updates to enhance the user experience by reflecting changes immediately while processing, and advanced caching mechanisms using Upstash Redis.

  • Next.js
  • TailwindCSS
  • Postgres
  • Prisma
  • React Query
  • NextAuth
  • upstash
Breadit

Cypress


This project is a simplified clone of the popular productivity application, Notion. It's designed to replicate some of the core features of Notion, providing a platform where users can create, edit, and organize their notes in a flexible and intuitive interface.

  • Next.js
  • TailwindCSS
  • MongoDB
  • Express
  • Node.js
  • Clerk
Cypress

Rate My Uni (Hackathon Project)


The project is focused on building a simple, yet functional, web-based interface where students and users can rate universities based on various criteria (e.g., campus, academics). It aims to create a platform where users can submit and view ratings for different universities, much like popular 'Rate My Professor' services but focused on universities as a whole.

  • Next.js
  • TailwindCSS
  • MongoDB
  • Express
  • Node.js
Rate My Uni (Hackathon Project)

Real Time Chat App


A real-time chat application built using modern web technologies. It leverages Next.js for the frontend, styled with Tailwind CSS, and uses Redux Toolkit for state management. The backend is powered by Node.js and Express, with Firebase handling real-time messaging and authentication. The app ensures seamless, instant communication with an intuitive UI, optimized for both mobile and desktop users.

  • Next.js
  • TailwindCSS
  • NeonDB
  • Express
  • Node.js
  • Prisma
  • firebase
  • Redux Toolkit
  • MUI
Real Time Chat App

PortFolio


A modern personal portfolio built with Next.js and Tailwind CSS, showcasing my skills, projects, and experience with a sleek, responsive design. Optimized for performance and SEO, it reflects my expertise in full stack development

  • Next.js
  • Tailwind
  • MongoDB
PortFolio

MERN Stack

Ethiopian Elegance


E-commerce website designed to sell traditional Ethiopian clothing, jewelry, and home goods. The platform allows users to browse products by category, view detailed descriptions, and add items to a shopping cart. It includes essential e-commerce functionalities such as user account creation, order history tracking, and checkout with payment integration using Stripe.

  • MongoDB
  • Express
  • React.js
  • Node.js
  • TailwindCSS
  • Stripe
  • Mantine UI
Ethiopian Elegance

Gallery Glimpses


A gallery website where users can upload images in either private or public mode. If an image is set to private, only the uploader can view it. Public images are visible to all users.

  • React.js
  • TailwindCSS
  • MongoDB
  • Express
  • Node.js
Gallery Glimpses

HTML/CSS

Space Tourism Website


Frontend Mentor Challenge to build a space tourism landing page.

  • JavaScript
  • HTML
  • CSS
Space Tourism Website

Clipboard


A history of everything you copy Clipboard allows you to track and organize everything you copy. Instantly access your clipboard on all your devices.

  • JavaScript
  • HTML
  • CSS
Clipboard

Rock Paper Scissors Game


A Rock Paper Scissors Game

  • JavaScript
  • HTML
  • CSS
Rock Paper Scissors Game

All Projects

Breadit


Breadit is a full-stack website built using modern web technologies, including Next.js with the App Router, TypeScript, and Tailwind CSS. The project provides a smooth, dynamic user experience with features like infinite scrolling for loading posts, authentication via NextAuth with Google integration, and personalized feeds for authenticated users. It employs optimistic updates to enhance the user experience by reflecting changes immediately while processing, and advanced caching mechanisms using Upstash Redis.

  • Next.js
  • TailwindCSS
  • Postgres
  • Prisma
  • React Query
  • NextAuth
  • upstash
Breadit

Cypress


This project is a simplified clone of the popular productivity application, Notion. It's designed to replicate some of the core features of Notion, providing a platform where users can create, edit, and organize their notes in a flexible and intuitive interface.

  • Next.js
  • TailwindCSS
  • MongoDB
  • Express
  • Node.js
  • Clerk
Cypress

Rate My Uni (Hackathon Project)


The project is focused on building a simple, yet functional, web-based interface where students and users can rate universities based on various criteria (e.g., campus, academics). It aims to create a platform where users can submit and view ratings for different universities, much like popular 'Rate My Professor' services but focused on universities as a whole.

  • Next.js
  • TailwindCSS
  • MongoDB
  • Express
  • Node.js
Rate My Uni (Hackathon Project)

Real Time Chat App


A real-time chat application built using modern web technologies. It leverages Next.js for the frontend, styled with Tailwind CSS, and uses Redux Toolkit for state management. The backend is powered by Node.js and Express, with Firebase handling real-time messaging and authentication. The app ensures seamless, instant communication with an intuitive UI, optimized for both mobile and desktop users.

  • Next.js
  • TailwindCSS
  • NeonDB
  • Express
  • Node.js
  • Prisma
  • firebase
  • Redux Toolkit
  • MUI
Real Time Chat App

Ethiopian Elegance


E-commerce website designed to sell traditional Ethiopian clothing, jewelry, and home goods. The platform allows users to browse products by category, view detailed descriptions, and add items to a shopping cart. It includes essential e-commerce functionalities such as user account creation, order history tracking, and checkout with payment integration using Stripe.

  • MongoDB
  • Express
  • React.js
  • Node.js
  • TailwindCSS
  • Stripe
  • Mantine UI
Ethiopian Elegance

Gallery Glimpses


A gallery website where users can upload images in either private or public mode. If an image is set to private, only the uploader can view it. Public images are visible to all users.

  • React.js
  • TailwindCSS
  • MongoDB
  • Express
  • Node.js
Gallery Glimpses

Space Tourism Website


Frontend Mentor Challenge to build a space tourism landing page.

  • JavaScript
  • HTML
  • CSS
Space Tourism Website

Clipboard


A history of everything you copy Clipboard allows you to track and organize everything you copy. Instantly access your clipboard on all your devices.

  • JavaScript
  • HTML
  • CSS
Clipboard

Rock Paper Scissors Game


A Rock Paper Scissors Game

  • JavaScript
  • HTML
  • CSS
Rock Paper Scissors Game

PortFolio


A modern personal portfolio built with Next.js and Tailwind CSS, showcasing my skills, projects, and experience with a sleek, responsive design. Optimized for performance and SEO, it reflects my expertise in full stack development

  • Next.js
  • Tailwind
  • MongoDB
PortFolio

Contact Me

My inbox is always open. Whether you have a question or just want to say hello, I'll try my best to get back to you! Feel free to mail me about any relevant job updates.