Projects

Trendy dark theme SASS website

Trendy dark theme SASS website

This project is a SaaS landing page developed using Next.js for server-side rendering, TailwindCSS for styling with a dark theme, and Framer Motion for smooth animations. It demonstrates a modular, responsive design aimed at effectively presenting a SaaS product's features and benefits.

Next.Js
React
TailwindCSS
motion
Expense Tracker Web application

Expense Tracker Web application

An online web application to monitor and keep tabs on financial transactions

React
TailwindCSS
Chart js
TypeScript
Express.JS
GraphQl
MongoDB
Mongoose
Trendy agency website with a light theme

Trendy agency website with a light theme

Trendy agency website with a light theme

Next.Js
React
TailwindCSS
TypeScript
Price Tracker

Price Tracker

I have created a powerful desktop application using NextJs for the frontend, web scraping capabilities to gather data from amazon website, Tailwind CSS for sleek and responsive design, and React for a robust and interactive user experience. This app combines cutting-edge technologies to provide users with a seamless and efficient tool for accessing and manipulating information from the web.

React
TailwindCSS
Next.Js
brightData
Digital Cameras - eCommerce Application 📷

Digital Cameras - eCommerce Application 📷

Introducing the revolutionary Camera eCommerce App, a cutting-edge platform that brings together the best of NextJs, ReactJs, TypeScript, TailwindCSS, and ShadCN with Strapi (a headless CMS) to control the backend logic. Its sleek and modern, responsive design includes dark and light modes, giving users the freedom to choose the perfect theme that suits their mood, in addition to a seamless and unparalleled shopping experience.

Next.Js
React
TailwindCSS
TypeScript
Strapi
RESTful API
Alakhbar | الأخبار

Alakhbar | الأخبار

News Application

Next.Js
React
TailwindCSS
Aflam | أفلام

Aflam | أفلام

Movie App Library

React
Redux
SCSS
Weather App

Weather App

The application provides detailed information about weather and temperature in different places around the world with an auto-city completion search bar and featured cities at the top. In addition to a nice, clean, responsive UI that interacts with the city's current temperature, showing different appearances according to temperature value and weather status, The application also includes fetching and handling the data from an API source and rendering it in a cool way.

React
TailwindCSS
RESTful API