Bilal Akhtar
Full-Stack Developer | MERN & Next.js|AI Automation-Engineer
New to Contra
Bilal is ready for their next project!
Built NovaTalent, a dynamic Job Portal Dashboard using Next.js 15 and React 19.
Designed a dark-themed UI featuring full CRUD operations, application tracking, and Firebase Auth.
Focused on Zustand state management, Next.js App Router, and Shadcn/UI with Tailwind v4.
1
32
Built FinVault, a mini digital banking application featuring state persistence and multi-page navigation.
Designed a secure transaction flow for deposits and withdrawals with live balance tracking, input validation, and toast alerts.
Focused on centralized Redux state management, automatic localStorage persistence, and React Router architecture.
1
48
Built a Full Responsive Website Frontend featuring interactive React components for Internee.pk (http://Internee.pk).
Designed an adaptable layout with smooth transitions, responsive navigation, client-side validation, and dynamic content sliders.
Focused on cross-device layout consistency, component-based interactivity, and UI/UX performance.
2
54
Built a Real-Time Chat Interface with LocalStorage persistence and a responsive chatbot for Internee.pk (http://Internee.pk).
Designed a modern messaging UI featuring separate user styles, dynamic timestamps, and smooth auto-scrolling.
Focused on real-time DOM manipulation, messaging layout architecture, and stateful history persistence.
2
49
Built a Multi-Step Form with session autosave and a dynamic progress indicator for Internee.pk (http://Internee.pk).
Designed a step-by-step user flow featuring real-time input validation, transition animations, and a final summary view.
Focused on complex form state handling, stateful progress tracking, and client-side validation logic.
3
96
Built a Drag-and-Drop File Uploader with LocalStorage persistence for Internee.pk (http://Internee.pk).
Designed an interactive UI featuring instant image previews, validation error handling, and a simulated progress bar.
Focused on the HTML5 Drag-and-Drop API, FileReader API, and stateful data persistence.
1
47
Built a Weather App using the Geolocation and Weather APIs for Internee.pk (http://Internee.pk).
Designed a dynamic interface featuring live data tracking, error handling, and weather-based background changes.
Focused on asynchronous API integration, JSON data parsing, and real-time DOM manipulation.
0
41
Published a Self-Introduction video for the Internee.pk (http://Internee.pk) Virtual Internship Program.
Engaged with a nationwide developer community to collaborate, network, and exchange technical insights.
Focused on professional growth, peer networking, and kicking off practical project development.
1
65
Built a Multi-Page Layout Application using React and React Router v6.
Designed a parent-child routing architecture featuring persistent layouts, dynamic child views, and global state management.
Focused on layout-based routing with <Outlet />, route configuration scalability, and the Context API.
1
57
Built a Product Listing App using React and Axios.
Designed a clean catalog UI featuring real-time search filtering, category sorting, and dynamic loading states.
Focused on API-driven data fetching, optimized rendering, and reducing redundant states via derived state.
1
56
Built a React CRUD Application with LocalStorage persistence.
Designed a clean dark-theme Bootstrap UI featuring unified add/update controls and real-time item management.
Focused on state management using useState, data syncing with useEffect, and conditional rendering logic.
2
93
Built an Interactive Donut Flavor Selector using React and React Bootstrap.
Designed a modern glassmorphism UI featuring dynamic thumbnail selection, smooth transitions, and conditional active states.
Focused on state-driven UI updates, responsive grid layouts, and component-based interaction design.
2
83
Built a Portfolio Application using React and Tailwind CSS.
Designed a modern interface with dynamic, category-based project filtering and responsive layouts.
Focused on state management with useState, conditional rendering, and component reusability.
2
88
Built a React Landing Page focused on React Router integration.
Designed a multi-page structure with seamless navigation between Home, About, and Contact components.
Focused on core routing fundamentals, SPA architecture, and modular component management.
2
112
Built a Modern Landing Page using React and CSS Modules.
Designed a modular UI featuring a reusable design system and a responsive, component-based architecture.
Focused on clean code principles, scalable styling, and cross-device layout consistency.
1
75
Built a Blog Portal using Firebase and Supabase.
Designed a full CRUD platform featuring secure authentication, real-time data handling, and image storage.
Focused on cross-platform integration for media storage and building UI around complex backend logic.
1
116
Built an Assignment Submission Portal using Firebase Firestore and Auth.
Designed a secure platform with real-time submission tracking, dashboard management, and a responsive Bootstrap UI.
Focused on Firestore listeners for instant updates and seamless frontend-to-backend integration.
1
118
Built a Multi-Page Freelance Dashboard for Elevvo Pathways using HTML, CSS, JS, and Tailwind CSS.
Designed a comprehensive admin interface featuring project tracking, profile management, and interactive data visualizations using Chart.js.
Focused on complex dynamic layouts, notification systems, and cross-page UI consistency.
#ElevvoPathways #Dashboard #WebDev #ChartJS #Internship
3
156
Built a SaaS Landing Page for MergeFlow using HTML, CSS, JS, and Tailwind CSS.
Designed a modern DevOps platform UI featuring a 3D Three.js interactive globe, theme toggling, and fully responsive sections.
Focused on integrating 3D libraries, utility-first styling, and interactive layout design.
#ElevvoPathways #WebDev #ThreeJS #TailwindCSS #Internship
2
103
Built a Collapsible Sidebar for Elevvo Pathways using HTML, CSS, and JS.
Designed a framework-free, responsive dashboard component built entirely from scratch.
Focused on core frontend fundamentals, accessibility, and cross-device UI optimization.
#ElevvoPathways #Frontend #WebDev #JavaScript #Internship
1
92
Built a Weather App using HTML, CSS, and JS.
Designed a responsive UI featuring live city search, OpenWeather API integration, and dynamic backgrounds.
Focused on asynchronous API data parsing, JSON handling, and condition-based DOM updates.
Built from scratch.
2
2
138
Built a Color Palette Generator using HTML, CSS, and JS.
Designed a utility with random generation, HSL sliders, and a locking library.
Focused on HSL logic, localStorage, and state-driven UI updates.
#JavaScript (https://x.com/hashtag/JavaScript?src=hashtag_click) #WebProjects (https://x.com/hashtag/WebProjects?src=hashtag_click) #CodingJourney (https://x.com/hashtag/CodingJourney?src=hashtag_click) #Frontend (https://x.com/hashtag/Frontend?src=hashtag_click)
3
122
Built a Sidebar Navigation Menu using HTML, CSS, and JS. Designed a collapsible dashboard interface featuring toggleable menus, nested dropdowns, and smooth layout transitions.
Focused on DOM event handling, class toggling logic, and nested menu state management.
1
2
102
Built an Interactive MCQ Quiz App using HTML, CSS, and JS.
Designed a dynamic quiz engine featuring custom question counts, countdown timers, and live score tracking.
Focused on state management for question logic, conditional rendering, and timer-based event handling.
2
105
Built a Product Filter & Search App using HTML, CSS, and JS. Designed an eCommerce UI with real-time search, category filtering, and a dynamic product grid. Focused on dataset filtering logic and array-based DOM rendering.
2
88
Built a Priority-Based To-Do App using HTML, CSS, and JS.
Designed a task manager dashboard featuring multi-level priorities, due dates, and quick filtering.
Focused on array filtering logic and state-driven DOM manipulations.
1
3
121
Built a Dual-Tab Registration Form using HTML, CSS, and JS.
Designed a Bootstrap UI with live validation, image uploads, and a dynamic admit card generator.
Focused on DOM tab logic and real-time data binding for document generation.
3
100
Built a Responsive Navigation Bar using HTML, CSS, and JS.
Designed a minimal navbar with fluid media query layouts, a hamburger toggle menu, and micro-animations.
Focused on class toggling logic, transition property triggers, and adaptive view layouts.
2
3
110
Built a Pokémon Fetcher using HTML, CSS, and JS.
Designed a theme-toggleable web app featuring live name searches, dynamic stat cards, and status alerts.
Focused on asynchronous PokéAPI data fetching, runtime DOM updates, and custom error handling blocks.
1
97
Built a Rich Text Editor using HTML, CSS, and JS.
Designed a dark-themed toolbar workspace featuring live formatting, font selectors, and state history logs.
Focused on native contentEditable API logic and dynamic style overrides.
1
83
Built a Premium QR Code Generator using HTML, CSS, and JS. Designed a modern dashboard with real-time text/URL conversion, multi-size scaling, and direct PNG downloads. Focused on external API data fetching, blob download conversions, and responsive layout state binding.
1
88
Built a Dynamic Card Builder using HTML, CSS, and JS.
Designed a responsive creator dashboard with real-time card previews, filter logic, and layout resets.
Focused on runtime DOM node creation, string template rendering, and input state synchronizations.
Built from scratch.
1
83
Built an Image Slider using HTML, CSS, and JS.
Designed a fluid before/after image overlay interface with touch/drag tracking and arrow-key support.
Focused on mouse coordinate calculation, dynamic CSS width masking, and window event bindings.
Built from scratch.
1
79
Built a Rock Paper Scissors Game using HTML, CSS, and JS. Designed an interactive interface featuring an instant win/loss logic parser and automated score trackers.
Focused on randomized array selections, conditional comparison matrices, and dynamic UI updates.
Built from scratch
2
112
Built a Dice Roller using HTML, CSS, and JS.
Designed an interactive gaming interface with variable dice counts, roll animations, and live totals.
Focused on math randomization algorithms, CSS transition triggers, and state-driven DOM rendering.
Built from scratch.
1
74
Built a Piano App using HTML, CSS, and JS.
Designed a responsive musical interface featuring mouse/keyboard triggers and real-time press animations.
Focused on Audio API instantiation, key-map arrays, and dynamic class toggling.
Built from scratch.
2
3
86
Built a Spinner Wheel using HTML, CSS, and JS.
Designed an interactive interface with custom item entries, dynamic color selectors, and smooth spin animations.
Focused on CSS rotation transitions, randomized degree generation, and dynamic DOM manipulation.
Built from scratch.
1
72
Built a Typing Speed Test using HTML, CSS, and JS.
Designed a sleek UI tracking live WPM, accuracy stats, and multi-tier difficulty modes.
Focused on real-time event listener inputs, performance tracking math, and dynamic state updates.
Built from scratch.
1
74
Built a Quote Generator using HTML, CSS, and JS.
Designed an interface with real-time API fetching, author tracking, and copy features.
Focused on async/await handlers, fetch requests, and dynamic DOM rendering.
Built from scratch.
1
71
Built a Tic Tac Toe Game using HTML, CSS, and JavaScript.
Designed an interactive two-player interface with automated win-pattern detection and an instant-reset system.
Focused on multidimensional array mapping, conditional winning logic, and dynamic grid updates.
3
95
Built a Coin Toss Game using HTML, CSS, and JavaScript.
Designed an interactive interface with real-time flip animations, input event triggers, and history tracking.
Focused on CSS animation states, array storage, and multi-key binding events.
Built from scratch.
2
101
Built a Random Number Generator using HTML, CSS, and JavaScript.
Designed an interface featuring custom ranges, unique number generation, and history tracking.
Focused on math randomization algorithms, array sorting, and dynamic DOM manipulation.
Built from scratch.
1
67
Built a Bulb Switch using HTML, CSS, and JavaScript.
Designed an interactive interface with real-time glow effects and dynamic status text updates.
Focused on mouse/keyboard event bindings, state-driven DOM manipulation, and ARIA accessibility.
Built from scratch.
1
58
Built a Calculator Application using HTML, CSS, and JavaScript.
Designed a functional interface handling sequence math parsing, real-time input evaluations, and dynamic display updates.
Focused on button event routing, input string manipulation, and arithmetic execution logic.
1
59
Built a Password Generator using HTML, CSS, and JavaScript.
Designed a secure interface with customizable password lengths and conditional character type toggles.
Focused on math functions for randomized character selection, array manipulation, and dynamic string generation.
1
54
Built a Stopwatch Application using HTML, CSS, and JavaScript.
Designed a precise timing interface featuring real-time start, pause, and reset controls.
Focused on interval state tracking, time conversion math, and dynamic DOM rendering.
Built from scratch.
1
56
Built a Table Generator using HTML, CSS, and JavaScript.
Designed a dynamic interface that takes user input to instantly generate and render custom multiplication tables.
Focused on loop structures, real-time data input capturing, and dynamic DOM injection.
Built from scratch.
1
66
Built a Counter Application using HTML, CSS, and JavaScript. Designed a functional interface with interactive increase, decrease, and reset states. Focused on DOM manipulation and real-time event listener logic. Built from scratch.
1
60
Built a Counter Application using HTML, CSS, and JavaScript.
Designed a functional interface with interactive increase, decrease, and reset states.
Focused on DOM manipulation and real-time event listener logic.
Built from scratch.
1
60
Built a Business Portfolio using HTML, CSS, and Bootstrap.
Designed a responsive landing page with a hero section and grid-based card layouts.
Focused on Bootstrap grid system and responsive utility classes.
Built from scratch.
1
68
Built a Business Portfolio using HTML, CSS, and Bootstrap.
Designed a responsive landing page with a hero section and grid-based card layouts.
Focused on Bootstrap grid system and responsive utility classes.
Built from scratch.
1
72
Built a Pokémon Clone using pure HTML and CSS.
Designed a functional slider and responsive card layouts using zero frameworks.
Focused on clean architecture and pure CSS logic.
Built froBuilt a Pokémon Clone using pure HTML and CSS.
Designed a functional slider and responsive card layouts using zero frameworks.
Focused on clean architecture and pure CSS logic.
Built from scratch.m scratch.
1
83
Built a Chess Board using pure HTML and CSS.
Designed 64 alternating squares with accurate A-H and 1-8 labels, fully responsive layout.
Focused on clean structure using Flexbox and CSS variables.
Built from scratch.
2
104
Built n8n AI ordering system with 98% intent classification accuracy. Automated payloads to Google Sheets API, cutting processing time by 60%.
1
96
Integrated Groq + ElevenLabs TTS via n8n webhook architecture, achieving 95% uptime across multi-user test sessions. Achieved under 2-second voice latency, boosting engagement by 45%.
1
93
Engineered full-stack property marketplace with secure JWT authentication and complex data routing. Implemented dynamic query filters, improving database search query efficiency by 40%.
1
97
Integrated Groq + ElevenLabs TTS via n8n webhook architecture, achieving 95% uptime across multi-user test sessions. Achieved under 2-second voice latency, boosting engagement by 45%.
1
102