A modern, full-stack MERN portfolio built with React, Vite, TailwindCSS (v4), Framer Motion, and Node/Express.
/frontend- React application (Vite template)./backend- Express API handling MongoDB connections and JWT Admin Auth.
- Node.js (v18+)
- MongoDB Atlas (or local MongoDB running on
mongodb://localhost:27017/portfolioDB)
- CD into the backend
cd backend - Install dependencies:
npm install - Rename
.env.exampleto.envand fill out your variables. - Run the seed script to create the initial admin user:
node seed.js(Creates usernameadmin, passwordpassword123). - Run the server
npm run dev
- CD into the frontend
cd frontend - Install dependencies:
npm install - Run the development server
npm run dev - The site should now be running on
http://localhost:5173.
- Public View: Sleek Home, About, Skills, Experience, and Contact sections.
- Admin Dashboard: Located at
http://localhost:5173/admin/login. Login to view contact messages and add/delete projects.