Mohd Afzal's Work | ContraWork by Mohd Afzal
Mohd Afzal

Mohd Afzal

Full Stack Developer | React & MERN | Modern, Responsive Web

Cover image for Global Insights — Data Analytics
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.
0
26
Cover image for HireFlow — Job Search Management
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.
0
32
Cover image for The 3 Story — Restaurant,
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.
0
43
Cover image for EcoWear is a modern e-commerce
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.
0
46