Skip to content
View Panther0508's full-sized avatar
πŸ’­
Building Pantero
πŸ’­
Building Pantero

Block or report Panther0508

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 is supported. This note will only be visible to you.
Report abuse

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

Report abuse
Panther0508/README.md

Header Banner


🎯 Mechatronics Engineering Student & Full-Stack Developer

University Location Status

"Blending engineering precision with elegant design to build digital experiences that matter."


πŸ“¬ Connect With Me

Email LinkedIn Twitter Portfolio



🎨 Gold & Noir Design System

Color Palette Philosophy

A sophisticated color palette featuring rich gold and deep noir black as the primary colors, incorporating elegant contrast between luxurious metallic gold tones and bold noir black shades while maintaining visual harmony and aesthetic appeal.


Deep Noir Black Shades

Color Name Hex Code Usage
πŸ–€ Noir Void #050505 Primary background, deepest black
⚫ Noir Obsidian #0A0A0A Main content areas
⬛ Noir Ebony #121212 Card backgrounds, elevated surfaces
β—Ό Noir Charcoal #1A1A1A Secondary containers
β–ͺ Noir Graphite #252525 Borders, subtle accents

Rich Metallic Gold Tones

Color Name Hex Code Usage
✨ Gold Pure #FFD700 Bright highlights, CTAs
πŸ’« Gold Rich #D4AF37 Primary accent, icons
🌟 Gold Antique #C5A028 Gradients, borders
πŸ₯‚ Gold Champagne #E8D5A3 Text, subtle highlights
πŸ… Gold Bronze #B8860B Dark gold accents
🌾 Gold Muted #A89F68 Secondary text

Gold Gradients

Gradient Name Composition
Gold Linear #D4AF37 β†’ #FFD700 β†’ #C5A028
Gold Shimmer Animated #D4AF37 ↔ #FFD700 ↔ #E8D5A3
Gold Radial #FFD700 β†’ #D4AF37 β†’ #B8860B

Color Swatches Visualization

β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”
β”‚ NOIR SHADES                                                        β”‚
β”‚ β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆ  #050505 Noir Void             β”‚
β”‚ β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆ  #0A0A0A Noir Obsidian        β”‚
β”‚ β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆ  #121212 Noir Ebony           β”‚
β”‚ β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆ  #1A1A1A Noir Charcoal        β”‚
β”‚ β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆ  #252525 Noir Graphite        β”‚
β”œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€
β”‚ GOLD SHADES                                                        β”‚
β”‚ β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆ  #FFD700 Gold Pure             β”‚
β”‚ β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆ  #D4AF37 Gold Rich            β”‚
β”‚ β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆ  #C5A028 Gold Antique         β”‚
β”‚ β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆ  #E8D5A3 Gold Champagne       β”‚
β”‚ β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆ  #B8860B Gold Bronze         β”‚
β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜

Design Principles

Principle Description
🎯 Metallic Brilliance Rich gold tones that shimmer and create depth
πŸ’Ž Bold Elegance Deep noir blacks as perfect canvas for gold
βš–οΈ Visual Harmony Balanced light and dark creating perfection
✨ Timeless Sophistication Classic combination transcending trends

Typography

  • Headings: Cormorant Garamond (serif) - Elegant, luxurious
  • Body: Montserrat (sans-serif) - Clean, modern readability

Visual Effects

  • Gold Gradient: Used for primary CTAs and accent elements
  • Animated Shimmer: Subtle gold shimmer effect on key highlights
  • Radial Glow: Ambient gold lighting for sections
  • Hover Transitions: Gold glow effects on interactive elements

"The interplay between deep noir and luminous gold creates an atmosphere of timeless sophistication. Every element whispers luxury."


πŸ‘¨β€πŸ’» About Me

I am a Mechatronics Engineering student at the Federal University of Technology Owerri with over two years of hands-on experience building exceptional digital experiences that blend engineering precision with elegant design.

My unique interdisciplinary background combines mechanical engineering principles with software development, allowing me to approach problems from multiple angles and deliver comprehensive solutions. I specialize in building accessible, high-performance web applications and robust APIs that solve real-world problems.

I'm passionate about leveraging modern technologies to create intuitive user interfaces while maintaining backend reliability and scalability. My commitment to code quality, continuous learning, and staying current with emerging technologies drives every project I undertake.


πŸ› οΈ Technical Expertise

πŸ’» Programming Languages

Python JavaScript TypeScript HTML5

βš›οΈ Frontend Development

React Next.js Tailwind CSS CSS3

πŸ”§ Backend Development

FastAPI Flask Node.js Express

πŸ—„οΈ Database

MongoDB SQLite

πŸ€– AI/ML

spaCy Hugging Face Streamlit

🧰 Tools & DevOps

Git Docker SQLAlchemy


πŸŽ“ Engineering Approach

# Project Description Tech Stack
1 πŸ€– AI Resume Analyzer Production-ready recruitment tool with NLP-powered resume parsing Python, Flask, SQLAlchemy, spaCy, Hugging Face
2 πŸ“° Developer News Dashboard Full-stack news aggregation from multiple sources React, FastAPI, Python, TypeScript, Tailwind CSS
3 πŸ“ˆ Market Trend AI Crypto analytics with real-time data & sentiment analysis TypeScript, Python, FastAPI, React
4 πŸ“š E-library Digital knowledge hub for engineering students TypeScript, React, CSS
5 πŸ’¬ Emotional Support Model Self-learning AI chatbot with NLP Python, NLP, Streamlit
6 🎯 IntentScope Behavioral analytics with ML & streaming inference Python, HTML, CSS


1. πŸ€– AI Resume Analyzer

A production-ready recruitment tool that operates offline, leveraging NLP models to parse, analyze, and score candidate resumes against job requirements.

Tech Stack: Python Flask SQLAlchemy spaCy Hugging Face

Key Capabilities:

  • βœ… PDF/DOCX resume parsing with 85%+ accuracy
  • βœ… Intelligent skill extraction using spaCy NER
  • βœ… Weighted candidate scoring algorithms
  • βœ… Interactive analytics dashboard
  • βœ… Real-time candidate-job matching

View Repository β†’


2. πŸ“° Developer News Dashboard (DevPulse)

A full-stack developer news aggregation platform built with React and FastAPI that consolidates news from multiple sources.

Tech Stack: React FastAPI Python TypeScript Tailwind CSS

Key Capabilities:

  • βœ… News aggregation from Hacker News and Dev.to
  • βœ… Smart search across sources
  • βœ… Tech trends visualization
  • βœ… AI-powered news assistant

View Repository β†’


3. πŸ“ˆ Market Trend AI

A cryptocurrency news aggregation and market analytics platform featuring real-time data and AI-powered sentiment analysis.

Tech Stack: TypeScript Python FastAPI React

Key Capabilities:

  • βœ… Real-time crypto data aggregation
  • βœ… AI-powered sentiment analysis
  • βœ… Market analytics dashboard
  • βœ… Intelligent recommendations

View Repository β†’


4. πŸ“š E-library

A centralized digital knowledge hub for engineering students providing structured access to technical resources.

Tech Stack: TypeScript React CSS

Key Capabilities:

  • βœ… Engineering textbook collection
  • βœ… Research papers and documentation
  • βœ… Project guides and circuit diagrams

View Repository β†’


5. πŸ’¬ Emotional Support Model

A self-learning AI chatbot that provides emotional support and learns from interactions.

Tech Stack: Python NLP Streamlit

πŸ”— Live Demo πŸ“‚ View Repository

6. 🎯 IntentScope

A behavioral analytics platform combining offline ML training with real-time streaming inference.

Tech Stack: Python HTML CSS

πŸ”— Live Demo πŸ“‚ View Repository

🎯 Professional Values

Value Commitment
πŸ’Ž Code Quality Writing maintainable, well-documented, testable code
β™Ώ Accessibility Building inclusive applications for all users
⚑ Performance Optimizing for speed, efficiency, and scalability
πŸ“š Continuous Learning Staying current with emerging technologies
πŸ”§ Engineering Discipline Applying systematic approaches to development

πŸ“¬ Let's Connect

Freelance Collaboration


πŸ“§ Contact Me

Email LinkedIn Twitter



Footer

Pinned Loading

  1. Developer-News-Dashboard Developer-News-Dashboard Public

    DevPulse is a premium, full-stack Developer News Dashboard built with React and FastAPI. It aggregates developer-related news from multiple public APIs and displays them in a modern, dark-themed in…

    JavaScript 1

  2. E-library E-library Public

    Engineers don’t need motivation. They need resources. The Engineering eLibrary is a centralized digital knowledge hub built for students, innovators, and problem-solvers. It provides structured acc…

    TypeScript 1

  3. Market-Trend-AI Market-Trend-AI Public

    Market Trend AI is a comprehensive cryptocurrency news aggregation and market analytics platform featuring real-time data from multiple sources, AI-powered sentiment analysis, and intelligent recom…

    TypeScript 1

  4. Emotional-Support-Model Emotional-Support-Model Public

    A self-learning AI chatbot that provides emotional support and learns from interactions. Built with Python, NLP, and Streamlit. Open-source project

    Python 1

  5. IntentScope IntentScope Public

    IntentScope is a production-ready behavioral analytics platform combining offline machine learning training with real-time streaming inference. This comprehensive system features a 40-block canvas …

    Python 1

  6. Ai-resume-analyzer Ai-resume-analyzer Public

    Python