DevGate is a web application designed to help developers track, visualize, and showcase their technical progression.
It acts as a professional social platform focused on skills growth, project tracking, and technical achievements.
🌐 Live demo: https://devgate-app.web.app/
DevGate enables developers to centralize:
- Technical skills and proficiency levels
- Personal and collaborative projects
- Learning objectives and progress
- Development activity over time
It is especially useful for students, junior developers, self-taught learners, and freelancers looking to structure and highlight their evolution.
- Authentication via Firebase (Google & Email)
- Personal dashboard with skills, projects, activity, and goals
- Skill management (level, progression date, edit/delete)
- Project tracking (tech stack, GitHub link, image upload)
- Activity timeline (filtered by action type)
- Technical objectives with progress and status tracking
- Data visualization (skills, projects, activity metrics)
- Frontend: Vue.js 3, JavaScript, Vue Router
- UI: TailwindCSS / Vuetify / BootstrapVue
- Backend: Firebase
- Firestore (database)
- Firebase Auth (authentication)
- Firebase Storage (project images)
- Firebase Hosting
- Khadija Lekbiri
- Alae El Mahdaoui
- Nour El Houda El Iamani
npm install
npm run serve