Hello! I Am Afnan Ahmad Tariq
I'm a |
Full Stack Developer passionate about building scalable web and mobile applications with modern technologies. Experienced in Next.js, Tailwind CSS, Node.js, MongoDB, Docker, and Azure. I create intuitive user experiences, integrate AI tools, and thrive in collaborative, cross-functional teams. Proven problem solver with a track record in coding competitions and hackathons. Open to new opportunities and challenges.
Responsive Design Skills
I specialize in creating responsive web designs that look great on any device. Below are examples of my work showcased on different screens, including mobile, tablet, and desktop. Each layout adapts seamlessly to the device, ensuring a consistent and engaging user experience.
Desktop
Tablet
Mobile
WatchLanguages
I'm currently looking to join a cross-functional team
that values improving people's lives through accessible design
Next.js | TailwindCSS | FramerMotion | Emailjs | MongoDB
Devstract is a modern web platform featuring responsive design, dynamic animations, reusable UI components, and robust APIs for user subscription and email communication. It includes dedicated pages for contact, FAQs, legal policies, and an engaging carousel, delivering a seamless and interactive user experience.
Flutter | Python
A modern website monitoring and uptime tracking application that helps you monitor your websites and get real-time status updates.
NextJs | ShadCN UI
A dynamic news aggregation platform designed for efficient content delivery and user engagement. Features a structured layout to present diverse articles, ensuring a seamless Browse experience.
ReactJs | Bootstrap
This Weather Forecast App provides users with real-time weather information based on geographic coordinates (latitude and longitude). Built with React and Bootstrap, the app features a clean, user-friendly interface where users can input location details and view weather forecasts for that area.
Vanilla Js
Built entirely with Vanilla JavaScript, this simple yet fun game showcases the power of JavaScript in creating interactive experiences from scratch. Objective: Click on the moving icon to score points. Two Modes; Timed Mode: Rack up as many points as possible within a set time limit.Levels Mode: Icons move faster as you level up, challenging your reflexes!
