Personal Portfolio Website (Next.js + Express + Prisma) Live Links
Frontend: https://asignment-7-client.vercel.app
Backend: https://a-7-portfolio-backend.vercel.app
Project Overview
This is a personal portfolio website built using Next.js, TypeScript, Express.js, Prisma, and PostgreSQL. It includes a secure authentication system, a private admin dashboard, dynamic blogs, and a project showcase section. The site is designed to be responsive, fast, and SEO-friendly using Next.js static generation and incremental static regeneration (ISR).
Core Features Public Pages
Home / About Me: Displays personal information, bio, and contact details.
Blog Section: Public users can view all blogs and individual blog posts using ISR.
Project Showcase: Displays personal projects with thumbnail, description, and live links.
Private Pages (Admin Only)
Authentication: JWT-based secure login for the portfolio owner.
Dashboard: Create, edit, and delete blogs and projects.
Error Handling: Form validation with proper error and success messages.
Tech Stack
Frontend: Next.js, TypeScript, Tailwind CSS, React Hot Toast Backend: Node.js, Express.js, Prisma ORM Database: PostgreSQL Authentication: JWT and bcrypt Deployment: Vercel (Frontend) and Render/Railway (Backend)
Admin Credentials Email: in submitted box (secret) Password: in submitted box (secret)
Key Functionalities
JWT-based secure authentication
Dashboard CRUD for Blogs and Projects
React-Quill rich text editor (optional bonus)
Toast notifications using react-hot-toast
ISR and SSG for fast performance
Error handling with validation messages
UI/UX Enhancements
Responsive design using Tailwind
Smooth transitions and animations
Lazy loading for images
Accessibility-friendly structure
Folder Structure Frontend /src /app /blog /project /dashboard /components /lib /styles
Backend /src /routes /controllers /middleware /prisma /utils
------------------Author--------------------
name: md abudul hakim
email:mdhakimshorkar123@gmail.com