FullStack Next.js Web Application
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-full h-auto rounded-xl border border-white dark:border-neutral-700/80 transition-opacity duration-500"
loading="lazy"
/>
A full-stack Admin Dashboard and User Management application built with Next.js App Router and TypeScript. This project features user authentication (Sign Up, Sign In, and Logout), protected routes, an admin dashboard, and complete user management (Create, Read, Update, Delete). It uses Server Actions for server-side operations, Prisma ORM for database management, Zod for form validation, and bcrypt for password hashing. The application is styled with Tailwind CSS and designed with a clean, organized, and responsive interface.
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-30 h-30 rounded-full object-cover p-1 border-2 border-neutral-200 dark:border-neutral-600 shadow-sm mx-auto transition-opacity duration-500 cursor-zoom-in"
loading="lazy"
x-data
@click="
window.dispatchEvent(new CustomEvent('open-avatar-zoom', {
detail: {
src: $el.currentSrc || $el.src,
alt: $el.alt,
}
}))
"
/>
Umamah Umamah
No bio available.
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-full object-cover rounded-xl border border-white dark:border dark:border-neutral-700/80 transition-opacity duration-500"
loading="lazy"
width="1410"
height="2250"
/>