iTexico Engineering Teams Activation

iTexico Engineering Teams Activation

 

Summary

This article is intended to provide insight into iTexico’s inner machinations with this project, a peek “under the hood” so to speak in supporting their digital innovation. The result was an improved customer portal, and application for the BOM, and finally a new POP app for trade marketing purposes.

Project Scope:

  1. ERP Articulation: and have data availability of stock products as well as a better user interface to provide a better customer experience when viewing estimates, orders, order history, exploring, and purchasing this company’s products.
  2. BOM Legacy System: product structure or the list of raw materials, sub-assemblies, intermediate assemblies, sub-components, parts, and the quantities of each needed to manufacture their end products on spreadsheets, streamlining routing paperwork requests.
  3. POP Mobile Application: Dedicated to show an interactive planogram to help retailers to define shelves or merchandise counters.

 

The Teams Layouts Looked Like This:

  • Product ERP Dashboard Integration / BOM App: UI/UX Designer, two frontend Angularjs, one backend .NET Scrum Master and DevOps, one manual tester, and one automation tester. This main team would then evolve to three people.
  • POP app team layout contains: Two Designers, One Mobile Dev, and One Tester.
  • Permanent Maintenance Team Layout: One Designer, One QA, and one fullstack.

 

Solutions

  • Improved coding
  • Updated user interfaces
  • Brand new automated BOM System
  • Data bases and backend integration with ERP
  • Assistance, collaboration, scrum meetings and DevOps
  • Visits on-site client's offices, and iTexico's Guadalajara Delivery Center

 

How we digitally fueled this health industry product manufacturer and e-commerce to improve customer portal experience and increased manufacturing performance.

The state of all things in the universe careen toward entropy, in that with enough time and without care everything around us will fall into disrepair. We like to think of iTexico as a place where we try to hold back that entropy, even if it’s just a bit. Computers, companies, technology and business in general are prone to rusting unless considerate steps are made to prevent the gears from clogging. iTexico is tasked with optimization and ensuring the machine run.

For instance, one of our clients needed to articulate their ERP and have data availability of stock products as well as a better user interface to provide a better customer experience when viewing estimates, orders, order history, exploring, and purchasing this company’s products.

iTexico jumped in to provide a team specifically crafted to solve this particular issue, a team which included: a Scrum master, one UI/UX Designer, two people for the frontend, and one more of the backend acting as DevOps for the project. With a little sweat and elbow grease, the result was an improved customer portal, and application for the BOM, and finally a new POP app for trade marketing purposes.

This article is intended to provide insight into iTexico’s inner machinations with this project, a peek “under the hood” so to speak in supporting their digital innovation.

 

Assembling a .NET, ReactJS Team with Nearshore Benefits

Experience, more than any other trade or skill, is the determining factor behind success, and it’s a trait that we’re proud to say we have in abundance. Our experience with more than 250 clients has helped us understand how to make the process for building a software development team easier and better.

 

iTexico’s primary objective when taking on any project is to fuel digital innovation within our clients’ companies. It’s a mindset that allows them to transform their business with our innovation centers focused on Design, Product Engineering, Quality Assurance, Mobile, Cloud, and AI.

 

We’ve started taking a new approach with our software engineer teams recently. We’ve begun assembling teams to complete projects using ReactJS due to the main advantages this library brings to create reusable components in Javascript, helping us build more complex UI. At the same time, one of our Core is .NET, where a wide range of projects have been deployed.

The combination of these two assets instigates versatility in our teams’ workflow. A wide range of possible solutions stem from and involve .NET teams and SME’s from creating databases using an Entity Framework, another Core.

For that reason, iTexico teams were a perfect fit for this client. Once we were able to identify the requests, as well as the technologies and scope of the project with agile-lean methods, the relationship between our client and iTexico’s devs has run smoothly.

The synchronicity between client and iTexico teams would not have been possible were it not for the benefits that nearshore outsourcing provides. As it stands, it is the verifiable ideal cost-effective solution for teamwork, allowing the real-time, on-site collaboration without falling into excessive intangible outsourcing costs.

 

Fresh New Look to Custom Portal Injecting React

One thing was for sure: our client needed a fresh new look to their customer portal.

For that reason, this part of the project was executed by a team of developers and designers focused on generating a better experience. The project kicked off with a team of two frontend Angularjs developers, one manual and automated tester, a .NET expert backend developer, as well as a user interface and experience designer.

The team was expertly assembled with the help of the delivery owners at iTexico once we had a full understanding of the project’s scope and goals. While this team was being pieced together, the iTexico architectures proposed this application stack. 

Chances are you want a little closer insight into what tools our team used while working on the project. Here’s a good overview of all relevant assets:

  • React - Allows us to compose simple yet powerful UIs.
  • ReactRouter - Organizes the URL navigation in our React application.
  • ES6 - The next version of JavaScript. Allows us to write real JavaScript classes.
  • JSX - Allows us to place HTML in JavaScript without concatenating strings.
  • Stormpath - Allows us to store and authenticate users without having to create our own backend for it.
  • Stormpath React SDK - Integrates registration forms, login pages, and authentication into our React application with very little effort.
  • Express - Allows us to serve our HTML and JavaScript files.
  • Express Stormpath - Allows us to serve Stormpath’s API through Express.
  • Webpack - Allows us to pack all of our JavaScript files into one bundle.
  • Babel - Allows us to transpile our ES6 and JSX into ES5.
  • Bootstrap - Because aesthetics matter and we want things to be pretty.

What our client wanted most was a way to improve their customer order process, the billing, and the catalogue of products. With this project, our client was also looking to integrate these processes to their online store. To ensure the project could be properly and effectively managed, dockers and Jira were implemented.

 


The company was looking to improve their customer order process, the billing and catalog of products. With this project, our client was also looking to integrate these processes to their online store and despite the difficulties of working this in parallel with running the company, the product manager and the team provided by iTexico implemented the solution.

 

As part of the project management, dockers and Jira were implemented. We then tackled the effort of mapping out the user stories and evaluation, successfully providing the development team with vital information. Finally, using the product database, the team worked on the backend deployment.

 

Improving the Inventory and Materials Management from Manual to Automated

Tracking inventory and materials is not a job that should be relegated to human hands. There’s too much to do with too small a margin of error to work with, and the tedious drone might just cause some burnout. Our client aimed to change that.

They have their product structure or the list of raw materials, sub-assemblies, intermediate assemblies, sub-components, parts, and the quantities of each needed to manufacture their end products on spreadsheets, streamlining routing paperwork requests. This way, we were able to ease the ongoing load of menial work, and further expanded on it by moving all of it to DataBase.

 

Backend & Database Migration from Spreadsheets

So what exactly did we actually do? Simply enough, we kept the main work confined to two properties:

  • With a backend resource, we provided the DB migration to SQL. As a point of order, the backend was made using NET Core, establishing this backend developer to function as the Scrum Master and DevOps during the development.
  • The client’s DB director suggested for us to work on a copy of their DB for security reasons and to avoid interruption with the company’s operations.

 

Fresh Look and Feel

The biggest factor during development was the new format for suppliers and product assemblers to optimize times and product development.

  • After the backend deployment, a UI/UX Designer worked on user stories, use cases, and other design best practices to evaluate usability for this new user experience and the user interface design based on the user.
  • In order to develop an easy-to-use interface, our Frontend Developer used AngularJS.
  • This project required a Manual Tester who was a part of the team that iTexico provided to enable this digital transformation.

 

Point of Purchase App for Trade Marketing

Utilizing a team of two designers, a mobile developer and a tester, the company deployed a mobile application to help their team of trade marketers to come up with an interactive planogram to help retailers to define shelves or merchandise counters.

 

Teams Available? Really?

As with any project, proper team management, delegation, and assignment is an essential part for following through on a proposal. Keeping it brief, our team layouts looked a little something like this:

  • UI/UX Designer, two frontend Angularjs, one backend .NET Scrum Master and DevOps, one manual tester, and one automation tester.
  • This main team would then evolve to three people: one Designer, one QA, and a fullstack.
  • The POP app team layout contains two Designers, one Mobile Dev, and one tester.
  • The current layout is: two fullstacks, one tester.

 

iTexico’s Solution WIP

  • Improved coding
  • Updated user interfaces
  • Brand new automated BOM System
  • Data bases and backend integration with ERP
  • Assistance, collaboration, scrum meetings and DevOps
  • Visits on-site client's offices, and iTexico's Guadalajara Delivery Center

 

Conclusion

Our client came to us looking for a way to improve on their company, making it more accessible to customers while relegating the DataBase work toward automation. We took it upon ourselves to make their vision come to fruition, compiling a team of software engineers with the roles and skills necessary to do so.

We can proudly say that, in the wake of this completed project, we left our client functioning and feeling better than when we were initially commissioned. With hard work, proper planning, and a suite of software at our team’s backs, the finished project turned out to be a paramount example of a fully completed work.

 

 

Hand-Picked Related Reads For You


Harnessing the Power of .NET
Harnessing the Power of .NET

READ MORE

How To Create a Web App with Asp Net
How To Create a Web App with Asp Net

READ MORE

iTexico's .NET Competency Center
iTexico's .NET Competency Center

EXPLORE

Download our Free Whitepaper and learn more about why nearshore outsourcing in Mexico makes complete sense.


This “Nearshore Plus” model of software development offers convenience at the core. 

  1. Cost-effectiveness 
  2. Flexibility
  3. Time savings
  4. Growing talent pool
  5. Access to domain knowledge
  6. Meeting expectations
  7. Scalable team skills

Nearshore whitepaper / Why Mexico is the next frontier for software development?

You may also like:

Post Your Comment Here