Welcome to the Portfolio Website of
Rishi Singh Bhachu
Software Engineer 👨đŸŊ‍đŸ’ģ

About Me

Rishi Singh Bhachu
Rishi Singh Bhachu
Stack & Skills
  • HTML 5HTML5
  • CSS3CSS3
  • SASSSASS
  • JavaScriptJavaScript
  • TypeScriptTypeScript
  • React.jsReact
  • ReduxRedux
  • GatsbyGatsby
  • Node.jsNode
  • ExpressExpress
  • APIAPI
  • PostgreSQLPostgreSQL
  • SQLSQL
  • NPMNPM
  • GitGit
  • GitHubGitHub
  • TDDTDD
  • CI/CDCI/CD
  • JestJest
  • PostmanPostman
  • DockerDocker
  • AWSAWS
  • VS CodeVS Code
  • Adobe CCAdobe CC

I am a UK-based Software Engineer with over ten years of web development experience, including three years specialising in React. I’ve collaborated with individuals, startups, and large organizations across diverse industries, consistently delivering high-performance, user-centered applications.

My expertise spans test-driven development (TDD), continuous integration and deployment (CI/CD), and Agile methodologies, enabling me to build reliable, cross-platform solutions that enhance user experiences.

Adept in Agile environments, I apply best practices in UI/UX design to consistently deliver results that not only meet but exceed client expectations.

Resume

Experience

Bezos 🌐

Bezos.ai is a Fulfillment-as-a-Service start-up (3PL) specializing in e-commerce logistics. It provides online sellers with services such as storage, picking, packing, shipping, and returns management. Operating in the UK, US, Germany, and the Netherlands, it integrates with over 30 platforms, including Shopify, Amazon, and WooCommerce

Spearheading front-end development for two of the companies key platforms: The internal Operations Portal (admin) and Seller Portal (client). Building reusable and scalable shared components across the platforms to integrate with RESTful APIs in GO. Delivered via incremental updates using TDD and CI/CD processes with React Testing Library for unit and integration testing, ensuring continuous improvement, scalability and user satisfaction through weekly sprints and code reviews.

For further details please see resume.

HTML5CSS3SASSReactTypeScriptReduxMaterial UIdate-fnsFormikYupAxiosLodashReact Testing LibraryJestREST APIGoPostgreSQLAWSFigmaResponsive LayoutGoogle AnalyticsGoogle Tag ManagerTDDCI/CD

Seller Portal - Responsive Side Nav / Layout

Seller Portal - Responsive Side Nav / Layout

Operations Portal - Charts / Data

Operations Portal - Charts / Data

Operations Portal - Date picker / Colomn configuration

Operations Portal - Date picker / Colomn configuration

Operations Portal - Modals

Operations Portal - Modals

Seller Portal - Filters / Modals / Buttons

Seller Portal - Filters / Modals / Buttons

Seller Portal - Light / Dark Modes

Seller Portal - Light / Dark Modes

Seller Portal - Formik / Yup Validation

Seller Portal - Formik / Yup Validation

Seller Portal - Page Loader / Image view

Seller Portal - Page Loader / Image view

Seller Portal - Responsive Side Nav / Layout

Seller Portal - Responsive Side Nav / Layout

Operations Portal - Charts / Data

Operations Portal - Charts / Data

Canadian Affair / Air Transat 🌐

Canadian Affair is the UK's largest tour operator to Canada, providing services including flights, package holidays, cruise lines, hotels, motorhome hire and car hire. It is owned and operated by its parent company Air Transat based in MontrÊal, QuÊbec in Canada.

I managed the company's UK, European and Canadian websites, including their WordPress blog sites, overseeing the full lifecycle from design and development to ongoing maintenance. This involved working with external product teams and third-party developers, managing image assets, resolving bugs, optimizing pages, and conducting A/B testing, with regular reporting on user activity and conversions.

Additionally, I led the company's email campaign platform, managing responsive templates and ensuring effective deployment of campaigns.

For further details please review my resume.

HTMLCSSJavaScriptJQuerySoap APIXMLResponsive LayoutMultilingualClassic ASPASP.NETSQLOracle DatabasePostCode AnywhereAdobe CCTDDCI/CDGoogle AnalyticsGoogle Tag Manager

Air Transat UK, Ireland, Italy, Portugal, Spain & Greece

Canadian Affair UK Homepage & Flight Search

Canadian Affair UK Holidays, Hotels, Excursions & Car Hire

Canadian Affair Ireland, Canada & American Affair

Affair Travel Villas

Air Transat UK, Ireland, Italy, Portugal, Spain & Greece

Canadian Affair UK Homepage & Flight Search

WordPress  WordPress

Management and Development for the Canadian Affair & American Affair WordPress Blogs. Hosted via WP Engine.

WordPressWP EnginePHPWordPress PluginsCMS

WordPress Blogs hosted via WP Engine with Staging

Canadian Affair WordPress Blog

American Affair WordPress Blog

WordPress Blogs hosted via WP Engine with Staging

Canadian Affair WordPress Blog

Emailers đŸ“Ĩ

Gallery of HTML Responsive Emailers including Promotional, BAU, Upsell and Advisory types. Multi-Client / Browser / Device Tested with Domain Deliverability & Reputation Monitoring / Testing.

HTMLCSSResponsive Email TemplatesOracle ResponsysCampaign MonitorMailChimp / MandrillMX Toolbox

Affair Travel Villas

Canadian Affair Special Offers

Canadian Affair Special Offers

Canadian Affair Count Down Sale

Canadian Affair Upsell

Canadian Affair Flight Schedule Change Template for Responsys

Affair Travel Villas

Affair Travel Villas

Canadian Affair Special Offers

Email Automation 🛠ī¸

Creation of various automated Programmes within Oracle Responsys Email Automation Platform. Including Welcome Sign-up, BAU, Upsell and Re-Permission Campaigns. Capturing user website activity via Responsys API & GTM.

Oracle ResponsysRPLEmail AutomationEmail Programmes / CampaignsResponsive Email TemplatesData CaptureTriggered EventsGoogle AnalyticsGoogle Tag Manager

Responsys Re-Permission / GDPR Program

Responsys Welcome Sign-up Automated Program

Responsys Abandoned Cart Automated Program

Responsys Upsell Automated Program

Responsys Re-Permission / GDPR Program

Responsys Welcome Sign-up Automated Program

Richie Billions 💲

Richie Billions was a Reflective Streetwear clothing start-up I created solely in 2018. Consisting of unique T-Shirt designs which `illuminate` when LED lighting is present (camera / phone flash or in a Nightclub).
The website was hosted on the Shopify platform using a custom theme I had created based on the native Shopify Liquid (Ruby based) coding language + CSS / SASS.
I also created the promotional media for the website and social media platforms with deep links. Including a promotional video created just using my Samsung S7 Edge Phone, with the final edit composed and completed with Adobe Premiere & Audition.

HTMLSASSJavaScriptLiquid (Ruby)ShopifyAdobe PremiereAdobe AudtionAdobe PhotoshopAdobe IllustratorPhotographyVideography (Greenscreen / Chroma Key)Video EditingDJ / AudioSEOMarketingMerchandisingGarment ProductionPackagingYouTubeFacebookInstagram

  • Facebook
  • Instagram
  • YouTube

Behind The Scenes

Richie Billions Promotional Video

Website, Social Media Promo / Campaigns

Website, Social Media Promo / Campaigns

Website Frontend - Responsive, Mobile Optimised

Website Backend - Shopify CMS, Liquid (Ruby) + SASS Code Template Editing

Behind The Scenes

Richie Billions Promotional Video

Projects

Movie Database 🎞ī¸

A responsive movie search website that enables users to search for and view detailed information about their favorite movies, leveraging The Movie Database API via RESTful calls.

HTML5CSS3CSS FlexBoxSASSReactNodeExpressThe Movie DB APIREST APISPAPWANetlify

LIVE<Source Code />

Github Repo to Netlify Hosting - Continuous Deployment (CD)

Movie Search App with Responsive Layout

Pop-out Responsive Menu featuring `Top Searches` Deep Links

Resposive Animated Flip Cards, displaying Full Movie Titles & Descriptions

Custom User-Friendly Error Messages

Resposive Mobile Layout with Fixed (portrait) & Un-Fixed Header (landscape)

Github Repo to Netlify Hosting - Continuous Deployment (CD)

Movie Search App with Responsive Layout

Smart Brain 🧠

A website that detects, then highlights faces in web images. Including a user profile with image upload count & ranking badge served from AWS Lambda as a serverless function.

(Test Login Email: a@a.com / Pass: a)

HTML5CSS3FlexBoxTachyon CSSJSON Web TokensbcryptForm ValidationReactNodeExpressClarifai Face Detection APIREST APIRedisAWS LambdaPostgreSQLDockerHerokuSPAPWA

LIVE<Source Code />
Fully Dockerised SmartBrain Client/Server

Github Repo to Heroku Hosting - Continuous Deployment (CD)

Smart Brain App with Responsive Layout

User Profile with Rank, Total Images Uploaded, Date Joined and Edit Name Feature

Sign-in & Register Form Validation

Rank Badge served from external AWS Lambda Serverless

User Profile Authentication / Session / Encryption - PostgreSQL, Redis, JSON Web Tokens, bcrypt

Logo Hover Tilt Effect, Background Particles Effect, Custom Fav Ico, Tabbed Interface, Multi-Face Detection, PWA Enabled

Github Repo to Heroku Hosting - Continuous Deployment (CD)

Smart Brain App with Responsive Layout

RoboFriends 🤖

A simple responsive website which allows users to filter the Robots results data via the search form.

HTML5CSS3Tachyon CSSReactReduxNodeExpressREST APIEnzymeNetlifySPAPWA

LIVE<Source Code />
  • RoboFriends + React Hooks
  • RoboFriends + TypeScript
  • RoboFriends + React Redux
  • RoboFriends + Enzyme Testing
  • RoboFriends + Continuous Integration

Github Repo to Netlify Hosting - Continuous Deployment (CD)

RoboFriends App with Responsive Layout

Real-Time Results Filter

Github Repo to Netlify Hosting - Continuous Deployment (CD)

RoboFriends App with Responsive Layout

The Mojo Blog 📓

A blog site that allows users to create and manage posts via a REST API connected to a JSON Server. Pagination and redirects are efficiently managed with React Router DOM

HTML5CSS3Tachyon CSSReactReact RouterNodeExpressREST APIJSON ServerHerokuSPAPWA

LIVE<Source Code />

Github Repo to Heroku Hosting - Continuous Deployment (CD)

Mojo Blog App with Responsive Layout

Create New Blog Post & Select Blog Author

View and Delete Blog Posts via dedicated post urls

View All Blog Posts

Custom Error 404 Page

Github Repo to Heroku Hosting - Continuous Deployment (CD)

Mojo Blog App with Responsive Layout

MAME Arcade Machine 🕹ī¸

In a fun personal project, I refurbished my retro MAME arcade machine, upgrading the internal PC, replacing the CRT to a more modern LCD panel and installing illuminated controls with a new layout.

The software was updated to run LaunchBox, supporting over 6,500 retro games and emulated consoles (SNES, MegaDrive, PlayStation), including classics like Street Fighter and Double Dragon.

An additional update was also made to allow support to run more modern games such as Ultra Street Fighter IV with online play via a Steam plugin.

DIYElectronicsMAMESanwa Joysticks / ButtonsiPac ControllerLED LightingLaunchBox Emulation SoftwareSTEAM

  • YouTube - Video 1
  • YouTube - Video 2
  • Wayback Machine - Internet Archive

Mame Arcade Machine Completed Build

BhachuCade 3000 - Retro Mame Arcade Machine

Mame Arcade Machine Completed Build

BhachuCade 3000 - Retro Mame Arcade Machine

Contact

Rishi Singh Bhachu
Rishi Singh Bhachu

Please use the form below to get in touch,
providing your name, email and a brief message.

Back Top Top