Web Genius specializes in creating websites built especially for sales lead generation. On the surface, our websites look good and read well, and behind the scenes, careful research of search engine optimization is applied to ensure your business features highly in search rankings. Web Genius is about more than great website design – although we do that pretty well too. You can choose just one of our services, or choose a range to ensure your web marketing is really doing its job for your business.

Technical Stack

  • ReactJs
  • Bootstrap
  • HTML
  • SCSS
  • Javascript
  • Ruby on Rails
  • NodeJS
  • MongoDB
  • Skype
  • Slack
  • Docker
  • Industry

    Marketing & Advertising

  • region
  • Region

    New Zealand

  • project-size
  • Project Size

    Non- Disclosable

Challenges & Solutions

The front-end is an admin dashboard that can only be accessed by the WebGenius team but for users, we need to create dynamic sites Or a dynamic user interface from the admin dashboard and the back-end.

  • Solution: We used React Js as a front-end admin dashboard where only the WebGenius team has access and manages the modules. We used Ruby-on-Rails for managing the admin dashboard API module and generating a dynamic website and user interface for users which was created by the Web Genius team.

We needed to implement a custom text editor as per the client requirements.

  • Solution: We built a custom text editor as per client requirements because we needed to implement many custom features like Link-tool, Media-tool, and Text-Style.

Instance module in which an Instance can create multiple sites and a setting module for each site.

  • Solution: In an Instance module, we need to manage multiple sites and each site's pages and page sections. For that, we used redux for managing active Instances and its data is passed through each of the components. Also, we created a design option module for managing site settings, like Template, Template fragment, Custom code, Text style.

We needed to implement a Link Tool and Media Tool for the content section.

  • Solution: We need to implement a Link tool module for creating an anchor link on selected text Or a media so that we create a component which is called Link tool, In which Link tool we have multiple link type option and according to the selected link type option we show respected fields like Site, Page, Section, Phone number, Email Link, Downloadable link and Link target.

Email series module for form submission by the user.

  • Solution: Email series consists of multiple emails sent to the user over a specified interval of time. Email series are triggered when a user submits any form or joins the site. We used different triggers to send emails in a specified order. We used subscriptions to manage which series of emails to be sent to which user and in what interval of time.

We needed to set styles of the sections to display sections according to different devices.

  • Solution: We create a component which is called Breakpoint for managing section styles on different devices like Mobile, Tablet, Desktop. We used CSS for applying styles according to the devices by using media queries.

2500+ Projects Experienced Innovation with Bacancy!

Get access to an experienced team of developers and engineers from bacancy,
handpicked to ace your goals. Kickstart within 48 hours, no-risk trial.

Talk to our Expert

Years of Business




Countries with
Happy Customers


Agile enabled

Core Features

  • Dynamic database field integration.
  • Member search module.
  • Saved searches module.
  • Site center.
  • Data center.
  • Media center.
  • Individually developing on front-end React JS.
  • Integrated Promise based HTTP client for the browser with axios.
  • Handle intercept requests or responses before they are handled by them or catch.
  • Managing multiple sites and domains and pages with respected site Id and instance Id.
  • APIs based on the client requirement.
  • User-site rendering.
  • Test-cases with Rspec and Capybara, used faker / Write RSpec for checking code’s efficiency.
  • New database design and integrate new functionality.
  • Documentation for api with different tools like Swagger, Yard, and Rdoc.
  • Maintain coding structure with simple command services.
  • Features like GridFS and MemCached.
  • no.-of-resources
  • No. of Developers


  • time-frame
  • Time Frame

    2 years - Ongoing

Experience With Bacancy

How Can We Help?