This is my personal developer portfolio website built using REACT JS, Tailwind CSS, and NODE JS. It showcases my projects, skills, and experience as a full-stack software engineer.
- Auto fetches new projects from GitHub
- Responsive design
- Clean UI built with Tailwind CSS
- simple Animations
- Dark mode ready
To run this portfolio locally:
Create a .env file inside the frontend/ folder:
VITE_BACKEND_EMAIL_URL=http://localhost:3000/api/email
VITE_GITHUB_USERNAME=your-github-username✏️ To update portfolio content (like your name, skills, projects, etc.), edit the files inside the
frontend/src/data/folder.
Create a .env file inside the backend/ folder:
PORT=3000
SENDER_EMAIL=your-sender-email@example.com
RECIVING_EMAIL=your-receiving-email@example.com
RESEND_EMAIL_API_KEY=your-resend-api-key
FRONT_END_URL=http://localhost:5173-
Clone the repository
git clone https://github.com/sunjay-dev/Portfolio-website.git cd Portfolio-website -
Install dependencies
-
For frontend:
cd Frontend npm install -
For backend:
cd backend npm install
-
-
Run backend
npm run dev
-
Run frontend
cd ../frontend npm run dev
Your portfolio should now be live at: http://localhost:5173
Apply Dark Theme to components (6/6 done)Migrate the website to React.js (100% done)- Add 3d Feature using Three.js
- Explore and implement Remix.run
This project is open-source and available under the MIT License.