Bytely

A full authentication module featuring Google Sign-In, email/password login, and password reset — built with Vue.js and Firebase.

Vue.js

Firebase

Node.js

Express.js MongoDB

MongoDB

Source Code Live Site

Byte Force IT

Company

Firebase + Google

Auth

Vue.js

Frontend

Why I built this

At Byte Force IT Solutions, the Bytely product needed a robust, polished authentication system. The client wanted both social login (Google) and traditional email/password flows, with a complete forgot-password experience. I was brought in as a junior developer to design and ship this module from scratch.

How it works

The frontend is built in Vue.js with a custom component library styled to match Bytely's dark aesthetic. Firebase Authentication handles OAuth 2.0 flows for Google Sign-In and email verification tokens, while a lightweight Node.js/Express service handles custom user profile metadata stored in MongoDB. Form validation uses custom Vuelidate rules for instant feedback on password strength and email formats.

Key decisions

Design choices

Firebase for social auth, custom backend for credentials

Google OAuth is hard to get right securely from scratch. Offloading social auth to Firebase saved days of development while keeping user credentials safe. For custom app metadata, we routed through our own Express API.

Reusable Vue component library

Auth inputs, buttons, and error banners were extracted into standalone Vue components so other team members could reuse them across the rest of the Bytely dashboard without re-styling.

Challenges

Problems solved

Handling Firebase OAuth redirects cleanly on mobile browsers

Google OAuth popup flows often fail or get blocked by mobile safari. Switching to a full redirect flow with state persistence fixed the issue across all devices.

What I learned

Working at Byte Force IT was my first experience shipping code to a production product used by real end-users. I learned Vue.js on the job, got comfortable with Firebase Auth lifecycle hooks, and realized how much edge-case handling goes into an auth flow that feels effortless.

Vista Artisan Dreams

Ezi Website