Mohd Afzal's Work | ContraWork by Mohd AfzalMohd Afzal
Full Stack Developer | React & MERN | Modern, Responsive Web
Global Insights — Data Analytics Dashboard
Global Insights is a modern, responsive data analytics dashboard built to transform complex datasets into a clear and interactive experience. The project focuses on helping users explore global data through structured filters, key performance indicators, and visual analytics.
I designed and developed the frontend with a strong focus on clean UI, usability, responsive layouts, and data-driven components. The dashboard includes a central overview with KPI cards, advanced filtering, interactive charts, and multiple analysis sections for exploring different dimensions of the data.
Key Features
Interactive Dashboard — Centralized view of important data and insights.
Advanced Filters — Filter data by End Year, Topic, Sector, Region, PEST, Source, SWOT, Country, and Published date.
KPI Cards — Display key metrics such as total records, average intensity, likelihood, and relevance.
Interactive Data Visualization — Charts for analyzing trends, comparisons, and relationships within the dataset.
Year Analysis — Explore how data and trends change over different years.
PEST Analysis — Analyze Political, Economic, Social, and Technological factors.
SWOT Analysis — Explore strengths, weaknesses, opportunities, and threats within the data.
Country & Regional Insights — Explore data across different countries, regions, cities, and sectors.
REST API Integration — Fetch and display dynamic data from an external API.
Dark & Light Mode — Theme switching for a more personalized experience.
Responsive Design — Optimized for desktop, tablet, and mobile screens.
Reusable Components — Structured the interface into reusable React components for easier maintenance and scalability. Technologies Used React.js • JavaScript • Tailwind CSS • Recharts • REST APIs • HTML5 • CSS3 • Responsive Web Design.
Project Goal The main goal was to build a practical analytics platform that combines data, visualization, filtering, and user-friendly design into one cohesive interface while strengthening my skills in React development, data visualization, API integration, and responsive UI/UX. HireFlow — Job Search Management Platform
HireFlow is a modern frontend platform designed to help users manage their entire job search in one place.
I built the frontend with a focus on clean UI, responsive design, intuitive navigation, and practical user experience. The platform brings job applications, interviews, job discovery, resume analysis, notifications, and analytics together in a single dashboard.
Key Features
Job search dashboard with application progress
Application tracking with job status
Interview management and preparation
AI Resume Analyzer UI with resume score, ATS score, skills matching, and suggestions
Job marketplace with search and filtering
Notifications and analytics
User profile and settings
Fully responsive design for desktop, tablet, and mobile
Modern dark UI with purple/blue gradients
Technologies
React.js • JavaScript • HTML5 • CSS3 • Responsive Design
I used Cursor AI as a development assistant to help with coding, debugging, improving, and organizing the project while planning the features, structure, and overall UI myself.
The project helped me strengthen my skills in React development, responsive design, UI/UX, component-based development, and building practical web applications.
HireFlow is an ongoing project, and I plan to continue improving it with additional features and enhancements. The 3 Story — Restaurant, Café & Party Hall Website
A modern, responsive restaurant website designed to showcase The 3 Story restaurant, café, and party hall with an attractive and user-friendly experience.
I focused on creating a premium visual design with smooth navigation, responsive layouts, engaging sections, and clear calls-to-action so visitors can easily explore the restaurant, services, menu, and event facilities.
Key Features:
Modern and premium restaurant UI
Fully responsive design for mobile, tablet, and desktop
Restaurant, café, and party hall sections
Menu and service presentation
Attractive hero section with strong CTA
Smooth scrolling and interactive UI elements
WhatsApp integration for quick customer inquiries
Clean navigation and user-friendly layout
Optimized spacing, typography, and visual hierarchy
Cross-device compatible design
Technologies Used:
HTML5, CSS3, JavaScript, Responsive Web Design, WhatsApp Integration
The goal was to create a professional online presence that helps the restaurant showcase its services and makes it easy for customers to connect. EcoWear is a modern e-commerce web application that I built using the MERN Stack.
✨ Features
✅ User Authentication (OTP/Login)
✅ Product Search & Categories
✅ Wishlist & Shopping Cart
✅ Responsive Design
✅ Clean and Modern UI
✅ Secure Backend APIs
✅ MongoDB Database Integration
🛠️ Tech Stack
React.js
Node.js
Express.js
MongoDB
Tailwind CSS
Redux Toolkit
Building this project helped me understand how frontend and backend work together to create a complete web application. It also improved my problem-solving skills while working on authentication, state management, API integration, and deployment.