Afnan Ahmad Tariq

Full Stack Webapp

Angular, TypeScript, Node.js/Express, SSR, Prisma, PostgreSQL

Built a freelancer CRM in Angular 20 with client, invoice, lead, and project management modules. Implemented JWT authentication, RESTful API integration, and signals-based state management. Used standalone components, SSR, and environment-based configuration following Angular best practices.

Full Stack Webapp

Next.js, Tailwind CSS, Mapbox GL, Redis, Google Gemini, OpenWeather API

Eco Lens is a Next.js platform delivering live air quality (AQI) and heat risk insights with AI-driven health guidance powered by Gemini 3. It features interactive 3D Mapbox visuals with data-driven extrusions, a Redis + localStorage caching layer for fast, resilient performance, and 24-hour forecasts built with regression models and the NOAA heat index.

Visit site

Full Stack Webapp

Next.js, TypeScript, React, Tailwind CSS, PWA

Next.js PWA streaming 30,000+ global radio stations with real-time playback. Responsive UI with genre/country filters, favorites, and a persistent audio player (TypeScript, Tailwind). State managed via React Context across player controls and preferences. Mobile-first, dynamic routing, search, and offline-ready.

Visit site

Full Stack Webapp

Vue.js | Node.js/Express | MongoDB

A full-stack movie web application where users can browse, add, edit, and review movies. Built with Vue.js on the frontend and Node.js/Express on the backend, with MongoDB as the database.

Full Stack Webapp

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.

Visit site Visit variant

Selected projects

Solo Suite