Skip to content

basit-dev-de/basit-dev-de

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

7 Commits
Β 
Β 

Repository files navigation

Ciao πŸ‘‹

πŸš€ Basit Ali – Senior Frontend Engineer

πŸ‘‹ Hi, I'm Basit Ali, a Senior Frontend Engineer based in Berlin with 6+ years of experience building high-performance web applications. I thrive at the intersection of design and engineering, creating seamless, scalable, and user-friendly interfaces with modern JavaScript frameworks.


πŸ”₯ About Me

  • πŸŽ– Gold Medalist in Computer Science (CGPA: 3.89)
  • πŸ’Ό Senior Frontend Engineer at S&P Global
  • πŸš€ Working on Capital IQ Pro, focusing on frontend scalability, UI/UX enhancements, and performance optimization
  • πŸ›  Strong expertise in React (Next.js, Gatsby, Remix), TypeScript, TailwindCSS, and Frontend Architecture
  • πŸ“Œ Passionate about best coding practices (TDD, DRY, KISS), micro-frontends, and modular UI development
  • πŸ† Skilled in Agile (Scrum), Pair Programming, and Cross-functional Team Collaboration
  • πŸ”„ Hands-on experience with n8n workflows, automating tasks such as:
    • Job Application Tracker: Monitors job-related emails and forwards relevant ones to WhatsApp.
    • AI Agent Chatbot: Developed an AI-driven chatbot (showcased in portfolio).
    • OpenAI Model Integrations: Experimenting with different AI models for workflow automation.

🌍 Portfolio Website

πŸ”— Portfolio: https://basit-dev.com


πŸ›  Tech Stack

Frontend

  • Languages: JavaScript (ES6+), TypeScript
  • Frameworks & Libraries: React.js, Next.js, Gatsby, Remix
  • Styling: Tailwind CSS, Bootstrap, Material-UI, CSS-in-JS (Styled Components, Emotion CSS)
  • Build Tools: Webpack, Babel, Vite
  • Performance Optimization: Code Splitting, Lazy Loading, Web Vitals, PWA

State Management & Data Fetching

  • Redux Toolkit, Redux-Saga, React Context API
  • React Query, RTK Query, Apollo Client (GraphQL)

Testing & Dev Tools

  • Unit & Integration Testing: Jest, React Testing Library, Cypress
  • Component Testing & Documentation: Storybook
  • Version Control & CI/CD: Git, GitHub Actions, Bitbucket Pipelines
  • DevOps & Deployment: Docker, Vercel, Netlify

Automation & AI Workflows

  • n8n: Workflow automation for job tracking, notifications, and data processing
  • OpenAI & AI Integrations: Custom GPT-powered chatbots, text summarization, AI-driven automation

πŸ“Œ Featured Projects

πŸš€ Capital IQ Pro (Premier Financial Intelligence Platform)

  • Scalable frontend development using React, Redux, and micro-frontends.
  • Optimized performance, security, and maintainability with TDD and Jest.

Website

πŸ›’ Al Habib Pharmacy – E-Commerce Platform

  • Designed and developed a scalable e-commerce UI with Next.js, TailwindCSS, and Redux.
  • Optimized for SEO, performance, and cross-platform accessibility.

Website

πŸ”₯ Salam Telecom DMS Portal

  • Centralized data management system for telecom transactions, balance recharges, and user activity tracking.
  • Built using React, Redux, MUI and CSS-in-JS.

Website

πŸ“ˆ Market Dashboard (Real-time Financial Insights)

  • Visualizes stock market trends with dynamic charts.
  • Fetches live financial data via APIs.
  • Built with React, TypeScript, and Recharts.

πŸ”— Live Demo

🏑 Smart Home Automation (IoT-Based Home Management)

  • Control and automate smart home devices with real-time monitoring.
  • Works with Alexa, Google Assistant, and Siri.
  • Built with React, TypeScript, and WebSockets.

πŸ”— Live Demo

🌐 Portfolio 2.0 (Interactive Personal Website)

  • Showcases skills, projects, and blog posts.
  • Features an AI chatbot built with OpenAI API.
  • Built with React, TypeScript, TailwindCSS, and Framer Motion.

πŸ”— Live Demo

πŸ€– Job Copilot (AI-powered Job Application Tracker)

  • Automates job tracking with n8n workflows and email parsing.
  • Notifies users via WhatsApp for important job application updates.
  • Built with React, TypeScript, and OpenAI API.

πŸ”— Live Demo

πŸ’° Expense Tracker (Personal Finance Manager)

  • Track income & expenses with real-time balance updates.
  • Responsive design with persistent data using LocalStorage.
  • Built with React, TypeScript, and TailwindCSS.

πŸ”— Live Demo

πŸ’Ή Quantum Trading Platform (AI-Powered Trading Assistant)

  • Analyzes financial market trends with real-time stock data.
  • Provides AI-driven trading insights and predictions.
  • Built with React, TypeScript, and Financial APIs.

πŸ”— Live Demo


πŸ† Certifications & Achievements

  • πŸŽ– Gold Medalist – Islamia College University Peshawar (BS Computer Science, CGPA: 3.89)
  • πŸ“œ Gen AI, Cybersecurity, and DevOps Training – S&P Global
  • πŸ… Expertise in Cloud Computing, AI/ML, and Risk Compliance

πŸ“¬ Let's Connect


πŸš€ Always open for collaborations and exciting projects! Let's build something amazing! ✨

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors