Skip to content
View BlladeRunner's full-sized avatar
Contemplation
Contemplation

Block or report BlladeRunner

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Maximum 250 characters. Please don't include any personal information such as legal names or email addresses. Markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
Blladerunner/README.md

👋 Hi, I'm Rufus (aka Rufat)

UI / Frontend Engineer (Junior)
Building clean, user-friendly interfaces with a strong data-driven mindset


🚀 About Me

I’m a UI / Frontend Engineer focused on building modern, responsive, and reusable interfaces using JavaScript, React, and Tailwind CSS.

My background in data analytics helps me approach frontend development with a product mindset — designing interfaces informed by real data, user behavior, and metrics, not just visuals.

I’m actively looking for a Frontend / UI Engineer role where I can grow, ship real products, and collaborate with designers, analysts, and engineers.


🧩 Frontend & UI Projects

  • NovaCup Coffee App
    UI-focused web app with modular components, clean layouts, and reusable UI patterns
    JavaScript · Tailwind CSS · UI Architecture

  • 🎮 8-Ball Pool Game
    Interactive browser game with state logic, DOM manipulation, and game mechanics
    JavaScript · HTML · CSS

  • 🎲 Tenzies Game
    React-based UI game using hooks, component logic, and state management
    React · JavaScript

  • ⚙️ Assembly Endgame
    UI-driven game project focusing on state transitions and user interaction
    JavaScript · UI Logic


📊 Data-Driven & Analytics Projects

(Supporting my UI work with strong analytical thinking)

  • 📺 Netflix EDA — user behavior analysis to derive product & content insights
    Python · Pandas · Data Visualization

  • 📈 YouTube Trending Analysis — trend discovery and performance metrics
    Python · Pandas · Matplotlib

  • 🛒 Superstore Analytics — business metrics, profitability, and dashboard logic
    SQL · Excel · Power BI

  • 💳 Credit Card Fraud Detection — data exploration & feature reasoning
    Python · Data Analysis


🛠️ Tech Stack

UI / Frontend

  • JavaScript (ES6+)
  • React (hooks, component architecture)
  • HTML5 / CSS3
  • Tailwind CSS
  • Responsive Design (Flexbox, Grid)
  • REST API integration
  • UI state & logic

Data & Analytics

  • SQL (joins, CTEs, window functions)
  • Python (pandas, matplotlib)
  • Data visualization
  • KPI & metrics-driven thinking

Tooling

  • Git & GitHub
  • VS Code
  • npm
  • Webpack (basic)

🌍 Let’s Connect


Always learning. Always building. Always improving UI with data.

Pinned Loading

  1. netflix-eda-project netflix-eda-project Public

    Exploratory Data Analysis (EDA) of the Netflix Movies and TV Shows dataset using Python, pandas, matplotlib, and seaborn.

    Jupyter Notebook 2

  2. superstore-sql-analysis superstore-sql-analysis Public

    SQL analysis on Sample Superstore (SQLite)

    1

  3. chinook-sql-analysis chinook-sql-analysis Public

    SQL analysis on the Chinook (SQLite) dataset: revenue trends, top customers, genres, RFM, cohorts.

    1

  4. sales-analysis-pandas sales-analysis-pandas Public

    Exploratory Data Analysis (EDA) of retail sales using Python (pandas, matplotlib, seaborn). Includes data cleaning, visualizations, and business insights.

    Jupyter Notebook 1

  5. coffee_chain_analysis coffee_chain_analysis Public

    Exploratory Data Analysis of a Coffee Chain dataset using Python (pandas, matplotlib, seaborn).

    Jupyter Notebook 1

  6. customer_segmentation_rfm_analysis customer_segmentation_rfm_analysis Public

    Customer segmentation using the RFM model. Identifies loyal, at-risk and lost customers; includes visuals and actionable business insights.

    Jupyter Notebook 1