Skip to content
View thafshan's full-sized avatar

Block or report thafshan

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.

Content in all repositories owned by your account will be closed.
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
thafshan/README.md

๐Ÿ‘‹ Hi, I'm Afshan Thayab Khan

๐Ÿ’ป Frontend Developer | Full-Stack Developer | Software Engineer | ๐Ÿ” Cybersecurity Enthusiast

Iโ€™m a developer focused on building modern, scalable, and secure web applications across the frontend and backend.

My development experience includes JavaScript, React.js, Node.js, Express.js, Python, FastAPI, REST APIs, MongoDB, PostgreSQL, SQL, and database architecture.

Alongside software development, I have a strong interest in Cybersecurity, Web Application Security, Networking, and Secure Software Development.

I enjoy learning by building real-world projects and combining software engineering with security-focused development.


๐Ÿš€ About Me

  • ๐Ÿ’ป Building modern frontend and full-stack web applications
  • โš›๏ธ Experienced with React.js, JavaScript, HTML, CSS, and Tailwind CSS
  • ๐Ÿ Building backend services using Python and FastAPI
  • ๐ŸŸข Developing APIs with Node.js and Express.js
  • ๐Ÿ—„๏ธ Working with both NoSQL and SQL databases
  • ๐Ÿƒ Experience with MongoDB, Mongoose, PostgreSQL, SQLAlchemy, and Alembic
  • ๐Ÿ”Œ Building and integrating REST APIs
  • ๐Ÿ” Interested in secure backend architecture and web application security
  • ๐ŸŒ Learning networking, cybersecurity, and application security
  • ๐Ÿงช Experience with API testing and software engineering practices
  • ๐Ÿ”ง Comfortable with Git, GitHub, VS Code, Postman, Vite, and development environments
  • ๐Ÿ“š Continuously learning and building practical projects
  • ๐Ÿ“ Based in India

๐Ÿ› ๏ธ Tech Stack

๐Ÿ’ป Frontend Development

HTML5 CSS3 JavaScript TypeScript React Redux Tailwind CSS


โš™๏ธ Backend Development

Python FastAPI Node.js Express.js .NET C%23

Backend Concepts

  • REST API development
  • API architecture
  • Authentication and authorization concepts
  • CRUD operations
  • Request/response handling
  • HTTP clients
  • Backend project structure
  • Environment configuration
  • Virtual environments
  • Database migrations
  • ORM-based database development
  • Error handling and validation

๐Ÿ—„๏ธ Databases & SQL

PostgreSQL MongoDB SQL

Database Technologies

  • PostgreSQL
  • MongoDB
  • SQL
  • SQLAlchemy
  • Mongoose
  • Alembic
  • MongoDB Atlas
  • Relational database design
  • Database migrations
  • CRUD operations
  • Data modeling
  • Indexing and constraints
  • Primary keys and foreign keys
  • Unique constraints

๐Ÿ” Cybersecurity

  • Kali Linux
  • Nmap
  • Burp Suite
  • Wireshark
  • Nessus
  • Metasploit
  • OWASP Top 10
  • Web Application Security
  • VAPT
  • Ethical Hacking
  • Networking & Information Security
  • Information Security Controls
  • Firewalls
  • CIA Triad
  • ARP & ARP Spoofing
  • IPv4 / IPv6
  • Subnetting
  • OSI Model
  • TCP/IP
  • IP Headers
  • Security Testing

๐Ÿงฐ Tools & Platforms

Git GitHub Postman Vite Netlify Linux

  • Git & GitHub
  • VS Code
  • Postman
  • Vite
  • npm
  • Linux / Kali Linux
  • Netlify
  • MongoDB Atlas
  • PostgreSQL
  • REST APIs
  • HTTP clients

๐Ÿš€ Featured Projects

๐Ÿ›ก๏ธ SentinelOps

Full-Stack Security Operations & Monitoring Platform

SentinelOps is a security-focused full-stack application designed to combine software engineering, backend development, databases, and cybersecurity concepts into one practical project.

The project was built to gain hands-on experience with Python backend development, REST APIs, PostgreSQL, SQL, database migrations, and full-stack architecture.

Tech Stack

Frontend: HTML / CSS / JavaScript Backend: Python โ€ข FastAPI Database: PostgreSQL โ€ข SQL ORM: SQLAlchemy Migrations: Alembic Database Driver: Psycopg Tools: Git โ€ข GitHub โ€ข VS Code โ€ข Uvicorn

What I Worked With

  • Python backend development
  • FastAPI application architecture
  • REST API development
  • PostgreSQL database integration
  • SQL database operations
  • SQLAlchemy ORM
  • Alembic database migrations
  • Database schema design
  • User data modeling
  • Environment configuration
  • Python virtual environments
  • Backend development with Uvicorn
  • Git/GitHub version control
  • Full-stack application architecture

Why This Project Matters

SentinelOps represents my transition from primarily frontend development into full-stack and backend engineering.

It combines software development with cybersecurity concepts and gives me practical experience working with the technologies commonly used to build modern backend systems.

๐Ÿ”— View Repository


๐Ÿš• Uber Clone

A full-stack ride-booking application inspired by Uber, built to practice modern frontend, backend, database, authentication, and real-time application development.

Tech Stack

Frontend: React.js โ€ข Vite โ€ข Tailwind CSS โ€ข GSAP Backend: Node.js โ€ข Express.js Database: MongoDB โ€ข Mongoose Real-Time: Socket.IO Authentication: JWT โ€ข bcrypt Other: Google Maps integration

Features

  • User authentication
  • Captain management
  • Ride booking
  • Real-time communication
  • REST APIs
  • MongoDB persistence
  • Real-time ride updates
  • Google Maps integration
  • Responsive frontend interface

๐Ÿ”— View Repository


๐Ÿ“ MERN To-Do List

A full-stack task management application built using the MERN stack.

Tech Stack

Frontend: React.js โ€ข Tailwind CSS Backend: Node.js โ€ข Express.js Database: MongoDB โ€ข Mongoose API: Axios โ€ข REST APIs

Features

  • Create tasks
  • Edit tasks
  • Delete tasks
  • Mark tasks as completed
  • REST API integration
  • MongoDB persistence
  • Full CRUD functionality
  • Responsive user interface

๐Ÿ”— View Repository

๐Ÿ”— Live Application


๐ŸŽฎ GTAVI

A frontend web project inspired by the GTA VI universe, created to demonstrate modern UI development, responsive design, animations, and interactive frontend experiences.

Tech Stack

HTML โ€ข CSS โ€ข JavaScript

๐Ÿ”— View Repository

๐Ÿ”— Live Website


๐Ÿ’ผ Software Engineering Experience

Commonwealth Bank Software Engineering Job Simulation โ€” Forage

Completed a practical software engineering job simulation involving backend development, frontend technologies, APIs, databases, testing, and version control.

Technologies & Skills

  • C# / .NET
  • MongoDB
  • React
  • Redux
  • TypeScript
  • REST APIs
  • Postman / API Testing
  • HTTP clients
  • xUnit
  • npm
  • Git & GitHub

๐Ÿ”— View Project Repository


๐Ÿ“š Certifications & Learning

Cybersecurity

  • CEHv12 Training
  • CEHv12 Practical
  • Advanced Cyber Security โ€“ An Application Approach
  • Information Security
  • Ethical Hacking
  • Web Application Security

Cloud & Security

  • Cloud Architecture
  • Cryptography

Software Development

  • Commonwealth Bank Software Engineering Job Simulation โ€” Forage
  • HackerRank React (Basic)
  • HackerRank CSS (Basic)

๐Ÿง  Currently Learning

Full-Stack Development

  • Advanced React.js
  • TypeScript
  • Backend Architecture
  • Python
  • FastAPI
  • REST API Development
  • SQL
  • PostgreSQL
  • Database Design
  • Software Engineering Principles

Cybersecurity

  • Web Application Security
  • VAPT
  • OWASP Top 10
  • Networking
  • Linux
  • Security Testing
  • Secure Application Development

๐ŸŽฏ 2026 Goals

  • ๐Ÿš€ Build production-ready full-stack applications
  • ๐Ÿ’ป Strengthen frontend engineering skills with React and TypeScript
  • ๐Ÿ Become stronger in Python backend development
  • ๐Ÿ—„๏ธ Improve SQL and database architecture skills
  • โš™๏ธ Build scalable REST APIs and backend systems
  • ๐Ÿ” Combine software engineering with cybersecurity
  • ๐Ÿงฉ Contribute to open-source projects
  • ๐Ÿ’ผ Start my professional career in Frontend Development, Full-Stack Development, or Software Engineering

๐Ÿ“Š GitHub Activity

GitHub Stats

Top Languages


๐Ÿค Let's Connect

๐ŸŒ Portfolio: thafshan-portfolio.netlify.app

๐Ÿ’ผ LinkedIn: linkedin.com/in/iamafshaaan

๐Ÿ“ธ Instagram: @iamafshx_xn

๐Ÿ’ป GitHub: github.com/thafshan


๐Ÿ’ก Build. Learn. Break. Fix. Repeat.

Thanks for visiting my profile! โญ

Pinned Loading

  1. MERN-To-Do-List MERN-To-Do-List Public

    A full-stack MERN task management application with CRUD operations, REST API integration, and MongoDB persistence.

    JavaScript

  2. uberClone uberClone Public

    A full-stack Uber Clone built with React, Node.js, Express, MongoDB, Socket.IO, and Tailwind CSS, featuring user authentication, ride booking, real-time ride tracking, and captain management.

    JavaScript

  3. GTAVI GTAVI Public

    Small GTAVI Landing Page

    JavaScript