• Next JS

  

• Payload CMS

  

• Stripe

  

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.

• React

  

• Tailwind CSS

  

• DaisyUI

  

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.

• Next JS

  

• Tailwind CSS

  

• Vercel

  

Live News Website

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

• Next JS

  

• Payload CMS

  

• Stripe

  

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.

• Next JS

  

• Payload CMS

  

• Stripe

  

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.

• React

  

• Tailwind CSS

  

• Framer Motion

  

Weather App

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

• React

  

• Tailwind CSS

  

• Headless UI

  

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.

• React

  

• Tailwind CSS

  

• Headless UI

  

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.

• React

  

• Sokety.io

  

• Firebase

  

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.

• React

  

• Tailwind CSS

  

• Swiper

  

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.

• Next JS

  

• Swiper

  

• React Hook Form

  

Al-Lulu Assatea Co

• Next JS

  

• Tailwind CSS

  

• Vercel

  

Live News Website

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

• React

  

• Tailwind CSS

  

• Vercel

  

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.

• React

  

• Tailwind CSS

  

• Framer Motion

  

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.

• React

  

• Vercel

  

Trivia Quiz App

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

• React

  

• React Router

  

• React Query

  

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.

• React

  

• Tailwind CSS

  

• Headless UI

  

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)

• HTML

  

• CSS

  

• JavaScript

  

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).

• TypeScript

  

• React

  

• Tailwind CSS

  

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.

• React

  

• Tailwind CSS

  

• TypeScript

  

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.

• React

  

• Tailwind CSS

  

• DaisyUI

  

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.