Ateeb Karim

Final-year IT student at University of Malakand. I build fast, clean, interactive frontends.

View My Work
About Me

Passionate web developer
from Malakand, KPK

profile picture

I'm Ateeb Karim, a final-year B.S. Information Technology student, University of Malakand. I describe myself as a passionate web developer — and I mean it, with 26 public repos to prove it.

My path is project-first: I learn by building real things, debugging them, and shipping them publicly. From vanilla JS games to React apps with custom hooks and Context API, every project closes a gap between what I know and what industry needs.

I'm actively seeking a frontend internship or junior developer role where I can contribute to real products and grow alongside a team.

Tech Stack

HTML5 CSS3 JavaScript React Vite Tailwind CSS React Hooks Context API REST APIs Git & GitHub Java C++
HTML & CSS93%
JavaScript85%
React78%
Tailwind CSS83%
Work

Projects from GitHub

🗂️
⌥

Employee Task Management System

Role-based Admin & Employee dashboard built with React, Context API and localStorage persistence. Handles auth flow, task status tracking, and a dark SaaS-style UI.

ReactContext APITailwind CSS
Live Demo →
🖼️
⌥

Image Gallery

React-powered image gallery with a responsive grid layout and smooth image browsing, built with Vite for fast dev and builds.

ReactViteResponsive Grid
Live Demo →
💱
⌥

React Currency Converter

Live currency converter with a custom useCurrencyInfo hook, flag icons, and controlled swap UI. Built with Vite + Tailwind CSS.

ReactCustom HookViteAPI
Live Demo →
🌙
⌥

Context API Theme Switcher

Dark/light mode switcher using React Context API + Tailwind CSS v4 @custom-variant . No prop drilling — clean state flow across all components.

ReactContext APITailwind v4
Live Demo →
✅
⌥

React Todo App

Feature-complete task manager: add, complete, delete — with localStorage persistence. Clean component architecture, debugged from scratch.

ReactuseStatelocalStorage
Live Demo →
🌤️
⌥

Weather App

Real-time weather application built with HTML, CSS and JavaScript. Fetches live data from a weather API and displays conditions, temperature and location info.

JavaScriptCSSAPI
Live Demo →
✊
⌥

Rock Paper Scissors Game

Classic game against the computer with score tracking, animated result reveals and responsive layout. DOM manipulation and game logic in pure JavaScript.

JavaScriptDOMGame
Live Demo →
🔐
⌥

Password Generator

Generates strong, random passwords with customisable length and character sets. One-click copy to clipboard, built with vanilla JavaScript.

JavaScriptCrypto APIClipboard
Live Demo →
🎲
⌥

Guess the Number Game

Number guessing game with hot/cold feedback, attempt tracking, and high-score persistence. Clean UI built with vanilla JS and DOM manipulation.

JavaScriptlocalStorageGame Logic
Live Demo →
Background

Education & Journey

2023 – Present

B.S. Information Technology — 7th Semester

University of Malakand · KPK, Pakistan

Core studies in software engineering, OOP (Java, C++), data structures, UML & systems analysis. Independently pursuing frontend development alongside academics and shipping real projects continuously.

2023 – Present

Vanilla JavaScript Projects

github.com/Ateeb-Karim

Built 6+ pinned projects — Weather App, Rock Paper Scissors, Password Generator, Quote Generator, Number Guessing Game, and more. Focused on DOM manipulation, Fetch API, async/await, and localStorage.

2025 – Present

React Developer Path

Self-Directed · 26 Public Repos

Systematically built from JSX basics → controlled components → custom hooks → Context API → Tailwind CSS v4. Every concept locked in by shipping a working project.

Jul 2026

Frontend Development Intern

CodeAlpha · Virtual Internship Program

Completed a one-month Frontend Development internship (1–30 July 2026) as an active participant in CodeAlpha's Virtual Internship Program. Received a Certificate of Completion and a Letter of Recommendation for consistent performance and collaboration.

Ongoing

Open Source Portfolio & Job Search

Active · Seeking Frontend Internship

Building a public, deployable portfolio with polished implementations. Actively applying for frontend internship and junior developer roles, with tailored resumes and a growing LinkedIn presence.

Credentials

Certifications

CodeAlpha Frontend Development Internship Certificate of Completion

Certificate of Completion — Frontend Development Internship

CodeAlpha

Awarded for active participation in CodeAlpha's Virtual Internship Program, Frontend Development track, completed with dedication and consistent effort.

CodeAlpha Letter of Recommendation

Letter of Recommendation

CodeAlpha

Recognized for excellent analytical skills, quick adoption of new technologies, and strong collaboration during the Frontend Development internship.

Contact

Let's build something together

Drop me an email at

ateebkarim.ak02@gmail.com