DEV Community

Cover image for How the 80/20 Rule and GitHub Copilot Saved My Abandoned App From Code Graveyard
Alphonse Kazadi
Alphonse Kazadi

Posted on

How the 80/20 Rule and GitHub Copilot Saved My Abandoned App From Code Graveyard

#devchallenge #githubchallenge #githubcopilot #reactnative

GitHub “Finish-Up-A-Thon” Challenge Submission

This is a submission for the GitHub Finish-Up-A-Thon Challenge

What I Built

AlkaFocus is a high-performance, mobile-first productivity engine engineered to help developers focus on what truly moves the needle. Far too many productivity apps treat all tasks equally, leading to cognitive fatigue and developers drowning in low-impact administrative work.

Built with React Native (Expo Router), TypeScript, Zustand, and NativeWind (Tailwind CSS), AlkaFocus bridges the gap between structured time management and the 80/20 Pareto Principle. It forces you to isolate the critical 20% of engineering effort that yields 80% of your real results, tracking your daily momentum in real-time.

Demo

  1. Try the Code

  • GitHub Repository:

    GitHub logo alphonsekazadi / AlkaFocus

    alkafocus

    AlkaFocus

    A productivity engine for developers that enforces the 80/20 rule, surfacing the top 20% of high-impact work and eliminating burnout through disciplined focus.

    Overview

    AlkaFocus is a mobile-first productivity app built to help developers isolate and execute the most critical tasks. It is designed around a modern three-tab native experience, delivering a premium dashboard, a focused Pomodoro timer workflow, and actionable performance analytics.

    Core Architecture

    Built with a strong native-first architecture and scalable React tooling:

    • React Native + Expo: Native mobile performance with Expo SDK stability.
    • Expo Router: Native tab-based routing with a declarative file-system structure.
    • TypeScript: Strong typing throughout the app.
    • Zustand: Lightweight state management with persistent storage.
    • AsyncStorage: Offline persistence to retain task state and app preferences.
    • NativeWind: Tailwind-style styling for fast UI polish.
    • EAS Build: Production-ready Android APK distribution configuration.

    High-Impact Feature Breakdown

    Core Experience

    • Three-Tab Architecture

      • Home /…


    View on GitHub

  • Expo Sandbox / Production APK: https://expo.dev/accounts/alphonsekazadi/projects/AlkaFocus/builds/0035e608-fa6b-49f4-946a-87148bc5cbe5

2.📱 See It in Action

The Comeback Story

Where it Started
AlkaFocus began as a personal passion project—an offline utility script that sat abandoned and unpolished in my GitHub repositories. It lacked routing, lacked state management persistence, and suffered from a rigid, non-scannable design layout. It was a classic "half-finished dev project" buried under a stack of Master's degree studies and software engineering workflows.

The Transformation
The GitHub Finish-Up-A-Thon was the ultimate catalyst to revive it. Over an intense development sprint, I refactored the entire architecture from the ground up:

  • State Store Overhaul: Replaced local reactive loops with a persistent state engine via Zustand and AsyncStorage to ensure user task data safely survives device reloads.
  • Native Layout Engineering: Migrated to Expo Router to structure a smooth, three-tab modular layout pipeline (Timeline, Timer, Review) with dynamic custom tab bars.
  • Hardware Styling Upgrades: Built production-grade, hardware-pinned headers that stay perfectly static while views scroll smoothly beneath them.
  • A Fully Fluid Dynamic UI: Programmed an instant Dark/Light mode toggle system that updates the entire visual language in real-time, complete with a hardware StatusBar listener to flip phone system icons dynamically on iOS and Android devices.

My Experience with GitHub Copilot

As a developer balancing software architecture and cybersecurity research, speed and focus are my primary levers. GitHub Copilot acted as a top-tier pair-programmer throughout this entire crunch period, dramatically accelerating my development velocity.

How Copilot Accelerated the Sprint:

  1. Context-Aware Tailwind Layouts: Copilot instantly accurately predicted deep utility string tokens for NativeWind, allowing me to build premium dark slate blocks (bg-slate-900) and handle light theme overrides without breaking native layout trees.
  2. Algorithmic Precision for Pareto Insights: Writing the conditional analysis logic to evaluate a user’s performance arc was effortless. Copilot helped me seamlessly parse array elements inside the Zustand store to compute exact data insights, calculating if a developer is actually focusing on high-impact sprints or burying momentum in administrative noise.
  3. Refactoring Safety: When transitioning from a standard standard page routing configuration to a slide-up native presentation sheet modal (presentation: "modal"), Copilot helped me correctly map my core app layout tree constraints, saving me hours of local bundler troubleshooting.

copilot

Thanks to Copilot, I cut boilerplate setup by an estimated 70%, enabling me to focus 100% of my cognitive energy on architectural design and mobile user experience.

Top comments (0)