Mad Movies
Dynamic movie discovery platform with PHP APIs and MySQL integration for real-time category filtering, movie detail views, and cast data rendering.
HTML5CSS3JavaScriptPHPMySQL
Hi, I'm
Open to Work
Amrinder
Singh
Frontend-Focused Web Developer
I build responsive, business-ready web applications with clean UI, fast performance, and scalable code. I specialize in HTML, CSS, JavaScript, React, PHP, and MySQL to deliver products from interface to backend integration.
8+Projects
5+Technologies
Years Learning
Projects
Production-style web development across frontend, backend integration, and interactive experiences.
WordPress E-Commerce Site
Custom WordPress e-commerce experience with Full Site Editing and WooCommerce templates focused on usability and conversion-ready layout.
WordPressWooCommerceHTMLCSSGitHub
Galaxy Gateway
Interactive browser game with modular ES6 architecture, grid-based mechanics, animated enemy behaviors, and responsive gameplay interactions.
JavaScriptHTMLCSSGSAPTone.js
BKINGS Daily eGrocery
Single-page grocery storefront with route-based navigation, product category browsing, and cart interactions optimized for smooth user flow.
HTMLCSSJavaScriptSammy.js
Faculty Knowledge Resource Platform
Database-driven resource platform with PHP API integration to manage, organize, and render academic content through a dynamic frontend.
HTMLCSSJavaScriptjQueryPHPMySQL
BuyMore Dollars Scratch & Win
React-based promotional contest app with digital scratch-card interaction, randomized outcomes, and multi-step user journey flow.
ReactViteJavaScriptCSS
Emoji Animation
Animation-focused web experience using CSS and GSAP timelines to create smooth, interactive character motion and visual storytelling.
HTMLCSSJavaScriptGSAP
BKINGS Online EStore
Component-driven React storefront with reusable UI architecture and responsive layouts for scalable e-commerce development.
ReactJavaScriptCSSComponents
Contact
Currently open to internship and junior web development opportunities. If you're hiring or building a product that needs clean UI and reliable implementation, I'd love to connect.
Contact Options
Reach out directly through email, LinkedIn, or GitHub.
Send Message
Have a role or project in mind? Send a message and I'll respond within 24–48 hours.
Skills
Technologies & tools I use to build things that work.
Frontend
Backend & Data
Design Tools
About Me
I'm a Web Developer focused on creating polished, user-centered web experiences that are visually strong and technically reliable. I work across HTML, CSS, JavaScript, React, PHP, MySQL, and WordPress to build complete solutions from frontend interface to backend data flow. I'm currently studying Computer Programming at Durham College, where I continue strengthening software development and problem-solving skills. My project experience includes single-page applications, e-commerce websites, database-driven platforms, and interactive browser-based games. I approach each build with a product mindset: clear UX, maintainable architecture, and measurable functionality.
Hobbies
DrivingGaming
GymTravelingCooking
Likes & Interests
Coding & DesignDance
MusicPhotography
History
Currently Learning
TypeScriptNext.js
Three.jsAI Integration
Thank You, ✨
I truly appreciate you taking the time to reach out.
Your message has landed safely, and I'll get back to you as soon as possible. I value meaningful conversations and potential collaborations.
Amrinder Singh
Web Developer & Creative Coder
Back to Home
Tools & Techniques
HTML5CSS3JavaScriptjQueryFoundationPHPMySQLAJAX
Description
- Overview: Built a dynamic movie discovery platform that retrieves and renders content from a MySQL database through PHP APIs.
- My Role: Implemented frontend UI modules, integrated endpoint responses, and handled filtering/detail rendering logic.
- Tech Stack: HTML5, CSS3, JavaScript, jQuery, Foundation, PHP, MySQL, AJAX.
- Challenges & Solutions: To keep the interface responsive while loading related movie and cast data, I implemented asynchronous requests and structured API payload rendering.
- Result: Delivered a production-style content platform and strengthened full-stack integration workflows.
Functions & Features
- Database-driven movie and cast rendering
- Category filtering with dynamic result updates
- Individual movie detail views
- Asynchronous AJAX content loading
- Responsive browsing layout across devices
- Modular API-to-UI integration structure
WordPress E-Commerce Site
Custom Full Site Editing (FSE) block theme with WooCommerce integration
Tools & Techniques
WordPressBlock ThemeWooCommerceHTMLCSSGitHub
Description
- Overview: Designed and implemented a custom WordPress e-commerce website using Full Site Editing and WooCommerce.
- My Role: Built reusable theme templates, customized commerce pages, and aligned layout behavior across product and checkout flows.
- Tech Stack: WordPress, WooCommerce, HTML, CSS, Block Editor.
- Challenges & Solutions: To maintain visual consistency on dynamic WooCommerce templates, I created shared style rules and reusable block patterns.
- Result: Delivered a complete storefront experience with scalable CMS structure and cleaner conversion paths.
Functions & Features
- Custom Full Site Editing theme implementation
- WooCommerce shop, product, cart, and checkout pages
- Reusable layout components and template parts
- Responsive UX across mobile and desktop
- Consistent styling for archive and post templates
- Maintainable structure for future expansion
Galaxy Gateway
Interactive browser game with grid-based gameplay and animated enemy behaviors
Tools & Techniques
JavaScriptES6 ClassesHTMLCSSGSAPTone.js
Description
- Overview: Built an interactive browser game with grid-based movement, enemy behavior systems, and timed interactions.
- My Role: Implemented ES6 class architecture, core gameplay logic, collision systems, and animation/audio integration.
- Tech Stack: JavaScript (ES6), HTML, CSS, GSAP, Tone.js.
- Challenges & Solutions: To synchronize movement, collision events, and effects, I refactored logic into modular state-driven classes with controlled update cycles.
- Result: Delivered a stable and engaging gameplay prototype while strengthening architecture and debugging skills.
Functions & Features
- Grid-based player movement and controls
- Enemy logic with level progression behavior
- Collision detection and score-state handling
- GSAP timeline animations for interactions
- Tone.js audio effects and feedback loop
- Modular ES6 class-based code architecture
BKINGS Daily eGrocery
Online grocery shopping website with product browsing and cart functionality
Tools & Techniques
HTMLCSSJavaScriptSammy.jsResponsive Design
Description
- Overview: Developed a single-page grocery storefront focused on product browsing, category navigation, and cart interactions.
- My Role: Built route-based UI rendering, category/product display modules, and interactive cart actions.
- Tech Stack: HTML, CSS, JavaScript, Sammy.js.
- Challenges & Solutions: To avoid full reloads and maintain context, I implemented client-side routing and reusable rendering patterns for repeated UI sections.
- Result: Delivered an app-like shopping flow with improved usability and maintainable frontend structure.
Functions & Features
- SPA-style route navigation with Sammy.js
- Department and category product browsing
- Add/remove cart interaction flow
- Responsive product listing layout
- Search/filter-friendly page structure
- Reusable UI section rendering logic
Faculty Knowledge Resource Platform
Collaborative web platform for faculty to manage educational resources
Tools & Techniques
HTMLCSSJavaScriptjQueryPHP APIMySQL
Description
- Overview: Built a collaborative platform for organizing and delivering academic resources through database-driven views.
- My Role: Led backend integration by implementing PHP APIs and linking frontend rendering with MySQL data sources.
- Tech Stack: HTML, CSS, JavaScript, jQuery, PHP, MySQL.
- Challenges & Solutions: To ensure consistent data handling across views, I standardized endpoint response structures and modularized query logic.
- Result: Delivered reliable API-to-UI connectivity and improved maintainability for future team iteration.
Functions & Features
- Database-driven category/topic management
- Dynamic resource retrieval via PHP APIs
- Admin-oriented content update workflow
- Structured MySQL schema integration
- jQuery-driven frontend interactions
- Consistent endpoint contract for UI rendering
BuyMore Dollars Scratch & Win
Interactive promotional contest website with digital scratch-off game
Tools & Techniques
ReactViteJavaScriptCSSLocal Storage
Description
- Overview: Developed a promotional contest web app with a digital scratch-card flow and outcome-driven user journey.
- My Role: Implemented React UI components, random outcome logic, and multi-step page routing behavior.
- Tech Stack: React, JavaScript, Vite, CSS, Local Storage.
- Challenges & Solutions: To maintain predictable user flow with random outcomes, I added guarded state transitions and local-storage persistence.
- Result: Delivered an engaging campaign experience with strong frontend state management.
Functions & Features
- Digital scratch-card interaction module
- Randomized win/loss result generation
- Multi-step contest journey routing
- State persistence via local storage
- Animated feedback for user outcomes
- Fast development and build workflow with Vite
Tools & Techniques
HTMLCSSJavaScriptGSAPCSS Keyframes
Description
- Overview: Designed an animation-first web experience that combines character motion, interaction, and visual storytelling.
- My Role: Built CSS and GSAP animation timelines, trigger logic, and timing refinements for smoother transitions.
- Tech Stack: HTML, CSS, JavaScript, GSAP.
- Challenges & Solutions: To improve animation performance across devices, I optimized transform/opacity usage and reduced layout-intensive effects.
- Result: Delivered a polished interactive motion experience and improved frontend animation engineering skills.
Functions & Features
- Character animation with GSAP timelines
- CSS keyframe and JS hybrid motion system
- Interactive trigger-driven transitions
- Timing and easing control for smoothness
- Responsive animation behavior tuning
- Performance-conscious visual effects
BKINGS Online EStore
Modern online storefront built with React and component-based architecture
Tools & Techniques
ReactJavaScriptComponentsResponsive CSSJSX
Description
- Overview: Built a React-based storefront using reusable component architecture for scalable e-commerce UI development.
- My Role: Implemented component composition patterns, responsive product layouts, and modular section rendering.
- Tech Stack: React, JavaScript, JSX, CSS.
- Challenges & Solutions: To reduce duplication and accelerate iteration, I standardized reusable components with configurable props.
- Result: Delivered a maintainable frontend foundation ready for expanded commerce functionality.
Functions & Features
- Component-based React page architecture
- Reusable product card and layout components
- Responsive grid and navigation behavior
- Modular UI composition for scalability
- Interactive product browsing flow
- Maintainable styling and structure patterns