Seamless User Interface with Custom Text Editor and Admin Features
Overview
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
Industry
Marketing & Advertising
Region
New Zealand
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
12+
Years of Business
Experience
1458+
Happy
Customers
12+
Countries with
Happy Customers
1050+
Agile enabled
employees
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 Developers
3
Time Frame
2 years - Ongoing
Experience With Bacancy
Optimize Your E-Commerce Workflow for Maximum Efficiency
Watch the video
Google Play Regulatory Hiccups and ID Verification Overcome
Watch the video
Fintech Platform Scalability & Growth Optimization
Watch the video
Legacy Code Upgrades for Modern User Experience and Enhanced Data Analytics
Watch the video
Empowering Retail Marketing With Seamless User Experiences
Watch the video
Migrating To Laravel From Core PHP With Twilio Integration
Watch the video
Upgrading PHP Laravel version while scaling the Admin Dashboard
Watch the video
Optimizing CRM Performance With Data Management and Salesforce Integration
Watch the video
AI Solution Engine for Improved Performance and Error Handling
Watch the video
Enhancing Managed IT Services With Streamline Automation Process
Watch the video
SEO and Bulk Data Upload Solutions For An E-Commerce Healthcare
Watch the video
Elevate Your E-Commerce with Scalable UI and Enhanced Calculators
Watch the video
Simplifying Annuity Rate Management for Complex Calculations
Watch the video
Addressing Null Safety, Code Structure Issues, and Manual Deployment Issues
Watch the video
Optimize Task Management With Advanced Tracking
Watch the video
Revolutionize Applicant Tracking: Advanced Image Optimization Techniques
Watch the video
Cost-Effective Media Management Solution and Resolving Data Upload Issues.
Watch the video
VoxGlobalTech
Watch the video
