A modern, full-stack developer portfolio website that highlights my skills, projects, and professional profile. Built with React + Material UI on the frontend and Node.js + Express on the backend, this portfolio is designed for performance, clarity, and real-world functionality — ideal for job applications and networking.
- ✅ About Me – Introduction with career summary
- 🛠 Tech Stack – Tools and technologies I use
- 📁 Projects Showcase – Featured work with live links and GitHub code
- 📄 Resume Download – Downloadable resume PDF
- 📨 Contact Form – Email delivery with backend handling
- React
- Material UI (MUI)
- React Router
- EmailJS (for fallback client-side contact)
- Node.js
- Express.js
- MongoDB (for storing messages or blogs)
- dotenv (for environment configs)
- CORS
behan-portfolio/
├── client/
│ ├── public/
│ │ ├── resume.pdf
│ │ └── favicon.ico
│ └── src/
│ ├── assets/ # Images, logos
│ ├── components/ # Reusable UI components
│ ├── pages/ # About, Projects, Contact, Resume
│ ├── theme/ # MUI theme customization
│ ├── context/
│ ├── icons/
│ ├── mui components/
│ ├── initializinging/
│ ├── layout/
│ ├── pages/
│ ├── routers.jsx # Main layout and routing
│ └── main.jsx # Entry point
├── server/
│ ├── controllers/ # Logic for email or blog routes
│ ├── config/ # Email, DB config
│ ├── server.js # Main entry point
│ └── .env # Environment variables
├── package.json
├── .gitignore
└── README.md
---
## 🧑💻 How to Run Locally
```bash
# Clone the repository
git clone https://github.com/behan05/behan-portfolio.git
cd behan-portfolio
# Start the backend
cd server
npm install
npm run dev
# Start the frontend
cd ../client
npm install
npm run dev
PORT=5000
DB_URL=your_mongodb_connection_string⚠️ Never commit real credentials. Use environment variables. (.env is ignored in .gitignore)
```