My Skills

Semantic structure, clean markup, and accessible page layout.

Responsive styling, Flexbox, Grid, animations, and modern UI.

DOM interaction, events, filtering, theme switching, and interactive UI.

Mobile-first layouts for desktop, tablet, and mobile screens.

Utility-first styling for clean and modern interfaces.

Fast responsive UI development using components and grid system.

Component-based UI development for modern web applications.

Multi-page frontend apps with routing and reusable components.

Typed JavaScript for safer and more maintainable frontend code.

Reusable UI components for clean and modern interface design.

Server-side development for dashboard and web systems.

Database queries, data management, and relational structure.

Secure database access and SQL injection prevention.

Login, logout, session handling, and password verification.

Create, read, update, and delete functionality for admin systems.

Admin/user permission handling and protected dashboard pages.

Secure password reset tokens, expiry handling, and account recovery logic.

Password hashing, CSRF protection, input validation, and secure sessions.

Script development, automation logic, and bot workflows.

Building command-based Telegram bots using Python.

YouTube video/audio download workflow integration.

Handling Telegram commands, messages, and file delivery.

User command handling, input validation, and media response flow.

Version control, repositories, commits, branching, and publishing.

Main development environment with extensions and productivity workflow.

Hosting and publishing static portfolio websites.

Writing README files, setup guides, project structure, and usage instructions.

Finding and fixing frontend, backend, and layout issues.

Inspecting layout, testing responsiveness, and debugging browser issues.

Wireframes, mockups, and interactive prototypes.

Using AI tools for coding, debugging, research, and creativity.

Posters, presentations, social media content, and graphic design.

Clean spacing, card layout, visual hierarchy, and consistent components.

Organized folders, reusable sections, and maintainable project files.

Breaking real-world problems into practical technical solutions.

Planning pages, features, data structure, and development flow.

Explaining project purpose, features, setup steps, and learning outcomes clearly.