E-commerce

Products Page (Light Theme)

Payload CMS E-Commerce

A Next.js framework powered E-Commerce website utilizing Payload CMS for content management across all pages and products. Integration with Stripe enables a seamless connection between Admin page products and corresponding Stripe attributes, facilitating purchasing orders through Stripe on the checkout page.

Check Project
Home Page

E-commerce (TrueEar)

An online Shop for True Wireless Earbuds built using React, Tailwind CSS, and daisyUI for the styles. And for the backend, Strapi is used to save user and shop product information.

Check Project

Next.js

These projects were built using Next.js a Full-stack react framework

Main page

Live News Website

A Live News Website using mediastack API to fetch the latest news about certain categories or search for a specific topic.

Check Project
Products Page (Light Theme)

Payload CMS E-Commerce

A Next.js framework powered E-Commerce website utilizing Payload CMS for content management across all pages and products. Integration with Stripe enables a seamless connection between Admin page products and corresponding Stripe attributes, facilitating purchasing orders through Stripe on the checkout page.

Check Project

My Projects

List of all projects

Products Page (Light Theme)

Payload CMS E-Commerce

A Next.js framework powered E-Commerce website utilizing Payload CMS for content management across all pages and products. Integration with Stripe enables a seamless connection between Admin page products and corresponding Stripe attributes, facilitating purchasing orders through Stripe on the checkout page.

Check Project
Main page

Weather App

Weather Application created using the Weather API OpenWeather to get the today's weather of any city around the world.

Check Project
English Dictionary Example

English Dictionary

This Website was done with the help of Dictionary API which helps display a lot of information about a certain word and Audio for the pronunciation.

Check Project
Hero section image

Bookmark Landing Page

This is a solution to the Bookmark Landing Page challenge provided on Frontend Mentor which aims to help improve coding skills by building realistic projects.

Check Project
Chat Page showing the layout of the page in Dark Mode

Chatty

Chatty is a chat application using Socket.IO server to establish a Web Socket connection between the server and clients, You can add friends, join rooms Create New rooms and start real-time chatting.

Check Project
Hero section image

Manage Landing Page

This is a solution to the Manage Landing Page challenge provided on Frontend Mentor which aims to help improve coding skills by building realistic projects.

Check Project
Home Page (AR)

Al-Lulu Assatea Co

Check Project
Main page

Live News Website

A Live News Website using mediastack API to fetch the latest news about certain categories or search for a specific topic.

Check Project
Room Home page image

Room Home Page

This is a solution to Room Home Page challenge provided on Frontend Mentor which aims to help improve coding skills by building realistic projects.

Check Project
Main Page

Prayer Time API

This project was done by using the open-source Aladhan API which has many Islamic API options to use in Islamic sites or sites visited by Muslims.

Check Project
Quiz Page

Trivia Quiz App

Quiz Application using Open Trivia Database API to fetch the Question's Information.

Check Project
Dashboard

The Wild Oasis (Admin Dashboard)

A CRUD application was developed to introduce a booking admin dashboard for managing cabins and bookings. The applications were built using React.

Check Project
Hero Section English

MuiscY Landing Page

MusicY is a landing page for a music production company. It showcases a simplistic design, is responsive for all screen sizes, has excellent animations all around the page, and includes multiple languages (English, and Arabic)

Check Project
Main Page

IP Address Tracker

Tracking users using the current IP Address or given IP Address showing in a map created with Leaflet (This website does not save any user information or leak it).

Check Project
Main Page

Wordle Clone

A clone of The New York Times popular game Worlde where players have to guess the daily word in less than six attempts.

Check Project
Hero section for Half Life 2 website

Half Life 2

This is a clone of the Basic Agency Website but with my own tweaks on the site content and I choose to show information about Half-Life 2 which is a first-person shooter game developed by Valve.

Check Project
Home Page

E-commerce (TrueEar)

An online Shop for True Wireless Earbuds built using React, Tailwind CSS, and daisyUI for the styles. And for the backend, Strapi is used to save user and shop product information.

Check Project