FrontEnd Developer Portfolio
My name is Ahmed Hassan
We Providing the best project exprience
We Providing the best project exprience
I'm a Front End Developer with experience in Website, Mobile, and Software development. Check out my projects and skills..
FrontEnd Developer Portfolio
Making apps with modern technologies
Never miss a task, deadline or idea
![HTML HTML](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fmohii%2Fimage%2Fupload%2Fv1703791648%2Fm6ae5ebyndierj3by10j.png&w=256&q=75)
![CSS CSS](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fmohii%2Fimage%2Fupload%2Fv1703791647%2Fp4jwghdqme41aql54iub.png&w=256&q=75)
![JavaScript JavaScript](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fmohii%2Fimage%2Fupload%2Fv1703791648%2Folytsrex9zaknxglssab.png&w=256&q=75)
![Sass Sass](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fmohii%2Fimage%2Fupload%2Fv1703791649%2Fqlegwuhckxlbm3h7w42m.png&w=256&q=75)
![tailwindcss tailwindcss](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fmohii%2Fimage%2Fupload%2Fv1703791650%2Fw3unlhz5oq8zijqijktf.png&w=256&q=75)
![React React](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fmohii%2Fimage%2Fupload%2Fv1703791649%2Falrmm5zcscxqooshpkwe.png&w=256&q=75)
![Redux Redux](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fmohii%2Fimage%2Fupload%2Fv1703791649%2Fqxv2jbnrm3xakntxat5v.png&w=256&q=75)
![TypeScript TypeScript](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fmohii%2Fimage%2Fupload%2Fv1703791650%2Fkontlmcjffl4temm3psw.png&w=256&q=75)
![Next Next](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fmohii%2Fimage%2Fupload%2Fv1703791648%2Fu9tcsrrcz7xxml2yrnfr.png&w=256&q=75)
![framer motion framer motion](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fmohii%2Fimage%2Fupload%2Fv1703791648%2Fyl4dai5oawhrbdgxk8bp.png&w=256&q=75)
![Node Node](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fmohii%2Fimage%2Fupload%2Fv1703792834%2Fwapfukg0zvmxvci1ceiy.png&w=256&q=75)
![Express Express](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fmohii%2Fimage%2Fupload%2Fv1703791647%2Fjrqw7g1ohglkub6mfni5.png&w=256&q=75)
![MongoDb MongoDb](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fmohii%2Fimage%2Fupload%2Fv1703791647%2Fuce6abkgafydhaokpazj.png&w=256&q=75)
![Prisma Prisma](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fmohii%2Fimage%2Fupload%2Fv1703791648%2Fkort1nnqvvg5yziiukv3.webp&w=256&q=75)
![React native React native](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fmohii%2Fimage%2Fupload%2Fv1703791650%2Fv9xkzucy2abiow5omwjh.png&w=256&q=75)
![Docker Docker](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fmohii%2Fimage%2Fupload%2Fv1703793147%2Fqxlhpnf8e0766tvnijjv.webp&w=256&q=75)
![Git Git](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fmohii%2Fimage%2Fupload%2Fv1703791648%2Fwcvfkesjunib7qxdljia.png&w=256&q=75)
![React Hook Form React Hook Form](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fmohii%2Fimage%2Fupload%2Fv1704053670%2Fmateglji852yu29rtygx.png&w=256&q=75)
Performance&Security
Secure your data with end-to-end encryption
My Projects
All
React
Next
React Native
Package
![https://res.cloudinary.com/mohii/image/upload/v1706089362/ux5o12rhrrmsiahicaai.png](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fmohii%2Fimage%2Fupload%2Fv1706089362%2Fux5o12rhrrmsiahicaai.png&w=2048&q=75)
React Toast Package
new npm package - react-toast! 🔥 With the power of React and TypeScript Using Rollup as Bundler
![HTML](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fmohii%2Fimage%2Fupload%2Fv1703791648%2Fm6ae5ebyndierj3by10j.png&w=96&q=75)
![CSS](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fmohii%2Fimage%2Fupload%2Fv1703791647%2Fp4jwghdqme41aql54iub.png&w=96&q=75)
![JavaScript](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fmohii%2Fimage%2Fupload%2Fv1703791648%2Folytsrex9zaknxglssab.png&w=96&q=75)
![tailwindcss](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fmohii%2Fimage%2Fupload%2Fv1703791650%2Fw3unlhz5oq8zijqijktf.png&w=96&q=75)
![React](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fmohii%2Fimage%2Fupload%2Fv1703791649%2Falrmm5zcscxqooshpkwe.png&w=96&q=75)
![TypeScript](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fmohii%2Fimage%2Fupload%2Fv1703791650%2Fkontlmcjffl4temm3psw.png&w=96&q=75)
![https://res.cloudinary.com/mohii/image/upload/v1705091305/ekxinanblkzszgn2qhjj.png](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fmohii%2Fimage%2Fupload%2Fv1705091305%2Fekxinanblkzszgn2qhjj.png&w=2048&q=75)
SaaS AI Platform
AI SaaS Platform with five AI tools. using Next.js 14 our platform using AI to generate conversation , code ,image ,music and also sound.
![HTML](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fmohii%2Fimage%2Fupload%2Fv1703791648%2Fm6ae5ebyndierj3by10j.png&w=96&q=75)
![CSS](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fmohii%2Fimage%2Fupload%2Fv1703791647%2Fp4jwghdqme41aql54iub.png&w=96&q=75)
![JavaScript](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fmohii%2Fimage%2Fupload%2Fv1703791648%2Folytsrex9zaknxglssab.png&w=96&q=75)
![tailwindcss](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fmohii%2Fimage%2Fupload%2Fv1703791650%2Fw3unlhz5oq8zijqijktf.png&w=96&q=75)
![React](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fmohii%2Fimage%2Fupload%2Fv1703791649%2Falrmm5zcscxqooshpkwe.png&w=96&q=75)
![TypeScript](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fmohii%2Fimage%2Fupload%2Fv1703791650%2Fkontlmcjffl4temm3psw.png&w=96&q=75)
![Next](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fmohii%2Fimage%2Fupload%2Fv1703791648%2Fu9tcsrrcz7xxml2yrnfr.png&w=96&q=75)
![Prisma](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fmohii%2Fimage%2Fupload%2Fv1703791648%2Fkort1nnqvvg5yziiukv3.webp&w=96&q=75)
![React Hook Form](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fmohii%2Fimage%2Fupload%2Fv1704053670%2Fmateglji852yu29rtygx.png&w=96&q=75)
![https://res.cloudinary.com/mohii/image/upload/v1704570838/u193woeakmwoyx62ywgm.png](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fmohii%2Fimage%2Fupload%2Fv1704570838%2Fu193woeakmwoyx62ywgm.png&w=2048&q=75)
Form Builder
web site to create Form builder using next 14 , prisma ,shadcn ,clerk, tailwind,and server Action ,zod to validation and react hook form , DnD Kit
![HTML](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fmohii%2Fimage%2Fupload%2Fv1703791648%2Fm6ae5ebyndierj3by10j.png&w=96&q=75)
![CSS](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fmohii%2Fimage%2Fupload%2Fv1703791647%2Fp4jwghdqme41aql54iub.png&w=96&q=75)
![JavaScript](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fmohii%2Fimage%2Fupload%2Fv1703791648%2Folytsrex9zaknxglssab.png&w=96&q=75)
![tailwindcss](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fmohii%2Fimage%2Fupload%2Fv1703791650%2Fw3unlhz5oq8zijqijktf.png&w=96&q=75)
![React](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fmohii%2Fimage%2Fupload%2Fv1703791649%2Falrmm5zcscxqooshpkwe.png&w=96&q=75)
![TypeScript](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fmohii%2Fimage%2Fupload%2Fv1703791650%2Fkontlmcjffl4temm3psw.png&w=96&q=75)
![Next](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fmohii%2Fimage%2Fupload%2Fv1703791648%2Fu9tcsrrcz7xxml2yrnfr.png&w=96&q=75)
![Prisma](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fmohii%2Fimage%2Fupload%2Fv1703791648%2Fkort1nnqvvg5yziiukv3.webp&w=96&q=75)
![React Hook Form](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fmohii%2Fimage%2Fupload%2Fv1704053670%2Fmateglji852yu29rtygx.png&w=96&q=75)
![https://res.cloudinary.com/mohii/image/upload/v1703946396/bczi9x8dehbnsh4j0z09.png](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fmohii%2Fimage%2Fupload%2Fv1703946396%2Fbczi9x8dehbnsh4j0z09.png&w=2048&q=75)
RemindMe
web site to create todo task using next 14 , prisma ,shadcn ,clerk, tailwind,and server Action ,zod to validation and react hook form
![HTML](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fmohii%2Fimage%2Fupload%2Fv1703791648%2Fm6ae5ebyndierj3by10j.png&w=96&q=75)
![CSS](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fmohii%2Fimage%2Fupload%2Fv1703791647%2Fp4jwghdqme41aql54iub.png&w=96&q=75)
![JavaScript](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fmohii%2Fimage%2Fupload%2Fv1703791648%2Folytsrex9zaknxglssab.png&w=96&q=75)
![tailwindcss](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fmohii%2Fimage%2Fupload%2Fv1703791650%2Fw3unlhz5oq8zijqijktf.png&w=96&q=75)
![React](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fmohii%2Fimage%2Fupload%2Fv1703791649%2Falrmm5zcscxqooshpkwe.png&w=96&q=75)
![TypeScript](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fmohii%2Fimage%2Fupload%2Fv1703791650%2Fkontlmcjffl4temm3psw.png&w=96&q=75)
![Next](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fmohii%2Fimage%2Fupload%2Fv1703791648%2Fu9tcsrrcz7xxml2yrnfr.png&w=96&q=75)
![framer motion](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fmohii%2Fimage%2Fupload%2Fv1703791648%2Fyl4dai5oawhrbdgxk8bp.png&w=96&q=75)
![Prisma](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fmohii%2Fimage%2Fupload%2Fv1703791648%2Fkort1nnqvvg5yziiukv3.webp&w=96&q=75)
![React Hook Form](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fmohii%2Fimage%2Fupload%2Fv1704053670%2Fmateglji852yu29rtygx.png&w=96&q=75)