PETROLIFE
A production-ready landing page with full authentication for an oil, gas, and street services company. Built with React, Express, and Firebase.
STATUS
LIVE / PRODUCTION
STACK
REACT + FIREBASE
METRIC
FULL AUTH SYSTEM
> CHALLENGE: Petrolife required a robust digital entry point for industrial partners. The primary obstacle was creating a secure environment that maintained high-speed performance while handling sensitive user authentication across multiple service branches.
> GOAL: Develop a high-impact, single-page interface that bridges corporate credibility with modern web performance. Must include a seamless Firebase-backed authentication bridge and comprehensive legal documentation architecture.
REACT
FRONTEND / UI LIBRARY
EXPRESS
SERVER / API LAYER
FIREBASE
AUTH / DATABASE
TAILWIND
UTILITY ENGINE
RESOURCES
ARCHITECTURE
DELIVERABLES
- [X] Single-page landing
- [X] Cross-bridge auth
- [X] Form validation
INDUSTRIAL IDENTITY
Visualizing the core of Petrolife operations through high-impact imagery and structural typography.
const authenticateUser = async (credentials) => {// INITIALIZING FIREBASE PROVIDERtry {const res = await firebase.auth() .signInWithEmailAndPassword( credentials.email, credentials.password );return { status: 'SUCCESS', uid: res.user.uid };} catch (err) {throw new Error('AUTH_FAILED');}};