I am a passionate and results-driven Full-Stack Web Developer specializing in React.js, Next.js, Node.js, Express.js, REST API, GraphQL, MongoDB, MySQL, and PostgreSQL. Since 2021, I have been helping startups and businesses design and develop secure, performance-driven, and user-centric web applications. I have experience in both frontend and backend development, covering modern UI/UX, API development, authentication, and database architecture.
Currently, I am pursuing a Bachelor’s degree in Computer Science at The Islamia University of Bahawalpur. I continuously stay updated with the latest frameworks, cloud deployment strategies, and best practices in software development and scalable architecture to deliver high-quality solutions.
Skills
Experience Level
Language
Work Experience
Education
Qualifications
Industry Experience
🏦 Smart Wallet (Advanced JavaScript Project)
📌 Overview
Smart Wallet is a pure JavaScript-based web application that simulates a real-world digital wallet. The project is designed to showcase advanced JavaScript capabilities, including DOM manipulation, localStorage handling, and modern UI/UX implementation.
🚀 Features
🔑 User Authentication
Complete Register, Login, and Logout system
Strong Regex-based validation for username, email, and password
Password reset (Forget Password) functionality
User data is securely stored in localStorage
📷 Camera Verification (Unique Feature)
Users cannot access the dashboard until they capture a photo
Adds an extra layer of security and enhances the realistic wallet experience
💳 Dashboard (Post-Login)
The interactive dashboard provides multiple sections:
Profile Management
Update user photo and name
Account Details
View complete account information
Edit and update details as needed
Transaction Management
Add, delete, and manage transactions
Maintains a complete transaction history
Login History
Tracks every user login
Includes a pagination system, stored separately for each user
Search Bar
Quickly search transactions and login history
Logout
Ends the session securely
💰 Account Balance
A 4-digit account balance is auto-generated during registration
Balance dynamically updates as transactions are added or removed
🎨 UI/UX
Fully custom design using HTML, CSS, and JavaScript
Advanced UI with multi-page navigation, modals, and popups
Clean, professional, and responsive layout
🛠️ Technologies Used
HTML5 – Structure
CSS3 – Styling with a modern and polished design
JavaScript (ES6+) – Logic, authentication, and state management
localStorage – Data persistence for users, sessions, transactions, and history
🔥 Highlights
100% framework-free (no React, no external libraries) → Pure JavaScript
Multi-page architecture with real-world wallet flows
Advanced state management using localStorage
Simulated security features (photo capture before dashboard access)
Portfolio-ready project demonstrating professional frontend development skills
📷 Example User Flow
User registers → system generates auto account balance
User logs in → must complete photo verification
Redirected to Dashboard → access multiple features via sidebar:
Manage profile
View/edit account details
Add/view transactions & login history
Logout securely
🎯 Purpose
This project is built to deliver a real-world application feel, making it ideal for showcasing to recruiters and developers. It highlights expertise in:
Advanced JavaScript programming
UI/UX design and interactivity
Authentication workflows
Data persistence and state handling
Hire a Full Stack Developer
We have the best full stack developer experts on Twine. Hire a full stack developer in Faisalabad today.