Dev Profile is a full-stack portfolio management app for developers.
It lets authenticated users log in, add & manage their projects, and share a public portfolio page — similar to Linktree, but for developers.
- Secure login via GitHub or Google.
- Add, edit, and delete projects.
- Track:
- Total projects count
- Total likes across all projects
- These stats are visible only to the logged-in owner.
- Share your profile link so anyone can:
- View your showcased projects.
- See project title, description, live demo link, and source code link.
- Like individual projects.
- Public visitors cannot see your total likes or total project count.
- Likes are stored per project in Firebase Realtime Database.
- Owners can see aggregated like counts across all projects.
- Visitors can like projects but can’t see your total stats.
- API endpoints for fetching project and profile data — ideal for integrating into a custom portfolio site.
Frontend
- React (Hooks)
- Tailwind CSS
- Intersection Observer for infinite scrolling
Backend
- Node.js + Express.js
- Firebase Firestore (project storage)
- Firebase Authentication
- Firebase Realtime Database (likes tracking)
-
Clone the repository
git clone https://github.com/psathul073/dev-profile.git cd dev-profile -
Install dependencies
npm install
-
Setup Firebase
- Create a Firebase project.
- Enable Firestore, Realtime Database, and Authentication.
- Configure OAuth for GitHub & Google.
- Add your Firebase config to
.env.
-
Run Backend
cd server npm start -
Run Frontend
cd client npm start
- Showcase your developer portfolio.
- Manage your projects in one place.
- Publicly share demos while keeping analytics private.
MIT License.
Dev Profile — Build your profile, showcase your work, and keep your stats private.