Gameworld Chronicles & Algorithmic Atelier
For this task, I designed and built an immersive, high-durability digital art showcase and media exhibition dashboard.
The application is engineered using React 18, Vite, and designed with a dark industrial Tailwind CSS aesthetic. It supports seamless categorical switching (Concept Art, Nature, Multimedia, and Gaming), dynamic cinematic filters, and responsive tile matrices with elegant frame transitions.
Check out the live interactive preview here:
š Live App: https://lnkd.in/ev8jje4P
(https://lnkd.in/ev8jje4P)You can inspect the codebase and configuration details on my GitHub:
š GitHub Repository:https://lnkd.in/ef7eVPcH
(https://lnkd.in/ef7eVPcH)A huge thank you to CodeAlpha for this rewarding learning opportunity. Looking forward to the next challenge!
#ReactJS (https://www.linkedin.com/search/results/all/?keywords=%23reactjs&origin=HASH_TAG_FROM_FEED) hashtag#Html (https://www.linkedin.com/search/results/all/?keywords=%23html&origin=HASH_TAG_FROM_FEED) hashtag#Css (https://www.linkedin.com/search/results/all/?keywords=%23css&origin=HASH_TAG_FROM_FEED)#UIUX (https://www.linkedin.com/search/results/all/?keywords=%23uiux&origin=HASH_TAG_FROM_FEED) #SoftwareEngineering (https://www.linkedin.com/search/results/all/?keywords=%23softwareengineering&origin=HASH_TAG_FROM_FEED)
0
25
A fully functional calculator made with vanilla HTML, CSS & JavaScript. No libraries, no frameworks ā just the fundamentals.
All arithmetic operations
Keyboard support
Real-time display
Error handling
Custom dark UI
š Try it live: https://lnkd.in/dgFnT9uG
(https://lnkd.in/dgFnT9uG)Code on GitHub (https://www.linkedin.com/company/github/): https://lnkd.in/d2jFe7c7
(https://lnkd.in/d2jFe7c7)One project at a time, learning the fundamentals of web development. Feedback always welcom
#JavaScript (https://www.linkedin.com/search/results/all/?keywords=%23javascript&origin=HASH_TAG_FROM_FEED) #HTML5 (https://www.linkedin.com/search/results/all/?keywords=%23html5&origin=HASH_TAG_FROM_FEED) #CSS3 (https://www.linkedin.com/search/results/all/?keywords=%23css3&origin=HASH_TAG_FROM_FEED) #CodingLife (https://www.linkedin.com/search/results/all/?keywords=%23codinglife&origin=HASH_TAG_FROM_FEED) #StudentProject (https://www.linkedin.com/search/results/all/?keywords=%23studentproject&origin=HASH_TAG_FROM_FEED) #TechCommunity (https://www.linkedin.com/search/results/all/?keywords=%23techcommunity&origin=HASH_TAG_FROM_FEED)
1
50
Just shipped: an AI-powered chatbot for Pearl Agro Chemicals ā a pesticide & agro-chemicals company based in Faisalabad, Punjab.
Farmers in Pakistan often struggle to get quick, reliable guidance on which products to use for their crops. A phone call isn't always possible, and generic advice doesn't cut it when you're dealing with wheat rust, cotton bollworm, or mango hopper.
So I built a bilingual AI assistant that speaks to farmers the way they actually communicate ā in Roman Urdu.
šŖšµš®š š¶š š±š¼š²š:
ā Answers crop-specific questions (Wheat, Cotton, Rice, Mango, Sugarcane, Vegetables)
ā Recommends the right insecticide, fungicide, herbicide, or fertilizer from the company's product range
ā Responds in Roman Urdu or English depending on how the customer types
ā Maintains a warm, respectful tone ("Bhai Sahab" energy ā because trust matters in agri sales)
ā Guides bulk order & delivery inquiries
ā Always refers pricing questions back to the team ā no misinformation
š§š²š°šµ šš»š±š²šæ ššµš² šµš¼š¼š±:
ā Claude API (Anthropic) for conversational intelligence
ā Carefully crafted system prompt with full product catalogue, crop guides & tone rules
ā Pure HTML/CSS/JS ā no framework, fully embeddable
ā Dark green UI built for the agricultural brand aesthetic
This is what AI-for-SMEs looks like in Pakistan. Not a fancy SaaS ā just a focused tool that saves time, builds trust, and helps a local business serve its customers better.
hashtag#AI (https://www.linkedin.com/search/results/all/?keywords=%23ai&origin=HASH_TAG_FROM_FEED) hashtag#Chatbot (https://www.linkedin.com/search/results/all/?keywords=%23chatbot&origin=HASH_TAG_FROM_FEED) hashtag#AgriTech (https://www.linkedin.com/search/results/all/?keywords=%23agritech&origin=HASH_TAG_FROM_FEED) hashtag#Pakistan (https://www.linkedin.com/search/results/all/?keywords=%23pakistan&origin=HASH_TAG_FROM_FEED) hashtag#ClaudeAI (https://www.linkedin.com/search/results/all/?keywords=%23claudeai&origin=HASH_TAG_FROM_FEED) hashtag#WebDevelopment (https://www.linkedin.com/search/results/all/?keywords=%23webdevelopment&origin=HASH_TAG_FROM_FEED) hashtag#SmallBusiness (https://www.linkedin.com/search/results/all/?keywords=%23smallbusiness&origin=HASH_TAG_FROM_FEED) hashtag#Urdu (https://www.linkedin.com/search/results/all/?keywords=%23urdu&origin=HASH_TAG_FROM_FEED) hashtag#LLM (https://www.linkedin.com/search/results/all/?keywords=%23llm&origin=HASH_TAG_FROM_FEED)
0
47
Shoe Store Management System
Developed a complete Shoe Store Management System with a modern admin dashboard using PHP, MySQL, HTML, CSS, JavaScript, and Bootstrap. The system manages customers, products, orders, categories, payments, reviews, complaints, and analytics in one centralized platform.