Portfolio
Our Clients
Check Our Latest Work
Siemens Gamesa
Dashboard
Sample Login
Sample login
Dashboard
Dashboard
Some of Our Website Development works
Mobile Works For Siemens Gamesa
Mobile works for Al-Hajeri Dubai
G-Bli Mobile App
Recent Mobile Apps
Few Case Studies
Project 1
Digital property marketing - Real Estate industry, Immoscout24, Germany
Lead generation tool based on location and search criteria for the users. Tracking user activity and monitoring the same for lead generation and lead conversion and subsequent integration with the CRM and other channels.
The Task:
Client needed to upgrade their existing legacy websites to a newer design added to the modern design capabilities and trends.
The Challenge:
Creating a UI, widget, that could be added/embedded across any other websites/reusing the same in the client’s other products and making them entirely customizable.
Requirements:
Time to market:
Lead generation tool based on location and search criteria for the users
UI/UX:
Improve the general distribution and design to become more user-friendly and adapt the frontend to be mobile-friendly and creating a reusable widget ready to be embedded on any external websites, applications
Performance:
Improve the application’s speed and load time and optimise the database’s structure and queries for faster data loading.
Code:
Integrate ES6, along with StandardJS and ESLint and remove code that was obsolete or duplicated and create simple, reusable retestable components in the system.
3. Our Implemented Service:
AUTOBAHN helped client to develop modern web UIs for the legacy project from Figma to React component and written Jest unit test cases and functional testing. Front End UI Development with a dedicated team of JavaScript experts who performed the smoother transition from the design to the code, with clean, reusable and easily maintainable and highly scalable. Used XState for managing State machines. Lead a team of 4 developers, had 3 modules for the integration, (admin, end user and the CRM). Focussed on the user experience and ease on the part of the business owners and end users.
4. The Results:
Client can now take advantage of the wide variety of possibilities that ReactJS offers for extending the features inside their application. The widget was integrated smoothly across many applications and it attracted partners, clients and end users. The end product is a fully customizable widget that enables users to generate leads for their products and thereby increasing user retention.
5. Our Tech Stack
Technologies we used in this module for development and testing includes React.js, Redux, Material UI, TDD with Jest, SASS and other build tools.
Project 2
Training provider – EdTech industry, WBS Training, Germany
Cloud based SaaS application providing solutions for Mentors/Tutors and they learn to access their course and its materials at one click. Creating follow-ups and remainders to complete the course and take tests on the same. Interactive education search and learning platform that connects teachers and individuals. Relies on real time communication, scheduling and transfer of messages between accounts interconnected over a network.
The Task:
Client needed to create a centralised portal for connecting internal employees, teachers, students, admin users for scheduling, conducting and attending online classes. Their tech is used by leading teachers, instructors to connect students with education and employment opportunities.
The Challenge:
Client user roles have been much more diverse, they have part-time, full-time instructors as well as students and have live, predefined online courses as well. Creating a consistent behaviour for all user roles with policy and permissions in place in terms of security and performance. Client was entering a new phase for their project, which required a big set of new features to be added to the application. They needed to extend their software development team to have even more capacity to finish the job on time and meet the deadlines. Also, they needed to automate the code releasing process and their application required a significant improvement on the overall UI/UX in the web end.
Requirements:
Scalability and performance:
Optimising page load times, and reducing the overall page load speed owing to the size of the application and reducing the network calls and caching on the client side to optimise the traffic.
Test Driven development:
The entire development phase is coordinated towards test first strategy and every component built on top of the other has been thoroughly tested with a 100% coverage on code base from unit, integration and functional test cases, thereby providing a clean maintainable code.
Code:
Integrate ES6, along with standardJS and ESLint and remove code that was obsolete or duplicated and create simple, reusable retestable components in the system.
3. Our Implemented Service:
AUTOBAHN helped client design the architecture and implementation of the front-end module for the edtech institution. We lead a team of 6 developers in building a webapp that accommodates different user roles, with a singular UI across all workflows and functionalities interconnected seamlessly. The focus was on the functionality and also the UI in creating a wonderful end user experience.
4. The Results:
Everyone on the client team can now schedule, conduct, organize seminars, lectures or any ed tech events completely online enabling them to reach students from even remote areas at a far lesser cost. It is a react application that accommodates user expectation and scaling on demand traffic and optimised page load.
5. Our Tech Stack
Technologies we used in this module for development and testing includes React, TypeScript, React Query library for caching, automated validation of forms, optimizing network requests being made by refactoring the overall application in tune to those changes, Vanila JavaScript, Jest, Material UI and Nodejs, Rest API, cypress adopting the standard practices and established coding standards.
Project 3
Private building society - Financial services company, Wüstenrot, Germany
Cloud based SaaS application providing solution for certificate uploads with highly secured and authenticated backend API’s
The Task:
Client required to extend their existing application by automating the form validation and for generating the reports based on the validation for every new user as well as the existing ones in their system.
The Challenge:
Client already had a huge application and infra in place, and already had an existing user base who are using the same application on a regular basis. Hence introducing a new feature is always a challenge into such an application since we have to make sure the existing features are untouched and unaffected because of the change. Since the backend is being developed by the client, the coordination between frontend and backend teams is a major challenge with knowledge transfer and continuous integration.
Requirements:
Time Optimization:
Improve the release time for all the new features and simplifying the process deploying incremental changes made throughout the application.
UI/UX and performance:
Implement a significant set of features to admin users to automate the validation of forms and generating the results on the account of such validation.
Test Driven development:
The entire development phase is coordinated towards test first strategy and every component built on top of the other has been thoroughly tested with a 100% coverage on code base from unit, integration and functional test cases, thereby providing a clean maintainable code.
3. Our Implemented Service:
AUTOBAHN helped client release new features in their existing system to automate the process of validating static forms and generating reports. We worked with two JavaScript experts and automated the entire validation of all the stages of the processes, and the backend team for validating the results and generating reports for the same to be used in the front end. Worked on syncing multiple states with global state. Worked on modifying the app’s design to the latest specifications. Refactored Legacy codes and improved performance and function.
4. The Results:
Process automation for single window form completion, with dynamic UI based on the process stage and form type, with single point validation and reliable error handling. Worked with team of 4 software engineers, and upgrading a legacy app to the modern version, using the latest technologies, stack and frameworks. The changes are done, tested and deployed to the application without a major issue and our team of developers, take everything into consideration for development and deployment process, with a firm approach for Test Driven Development, Continuous Development and Integration.
5. Our Tech Stack
Technologies we used in this module for development and testing includes React.js, Redux, Redux Saga, Yup, React Hooks form, Jest, Node.js
Project 4
School and Pool for Digital Talent - Edtech industry, Neuefische, Germany
AUTOBAHN helped client to transform this edtech application into a modern, faster and scalable, SEO friendly application
The Task:
Client team already had an application developed in React and since React like other single page frameworks/library comes up with a challenge of SEO. Search engine couldn’t index the client side rendered pages when compared to server-side ones.
The Challenge:
Converting the existing React application to Next.js framework with the modern design but the existing functionalities, with option to both client and server-side rendering and also incremental static page generation for static content, in sync with marketing team and the customer relations. 1. Dynamic on demand rendering for server-side pages 2. Client-side rendering on features such as auth, payment etc. 3. Incremental generation for the static content/blog posts, articles, new products etc.,
Requirements:
Converting the existing React application to Next.js framework with the modern design but the existing functionalities, with option to both client and server-side rendering and also incremental static page generation for static content, in sync with marketing team and the customer relations.
1. Dynamic on demand rendering for server-side pages
2. Client-side rendering on features such as auth, payment etc.
3. Incremental generation for the static content/blog posts, articles, new products etc.,
3. Our Implemented Service:
AUTOBAHN helped client to upgrade their existing application to Next.js framework, by implementing the server side, client-side rendering features and have deployed the application on a new cloud environment and implemented rendering of the static pages both on demand and incremental. Worked on syncing Contentful with Next.js application and modifying the app’s design to the latest specifications according to Figma design. Code Review and peer discussion on improvements. Manage data’s in Contentful portal, handle Gql Query and connect Contentful API. TDD with Jest for Unit Testing approach for software development. Check and maintain web page speed insight. Responsive UI for specific devices static website created with a popular js framework which helps its followers/developers to be up to date on their learnings. FAQs and FAQs Detail page, Update Fav Icons, Image flicker on load, Mobile LCP check.
4. The Results:
The new upgrade provided SEO friendly content for the crawlers and their search results greatly improved and with a faster page load times and crawler friendly content, and also maintaining the existing functionality intact and unchanged.
5. Our Tech Stack
Technologies we used in this module in development and testing include Next.js, TypeScript, React, Redux, AuthO, GraphQL Apollo server, Contentful, Jest
