LOCATION:
USA
INDUSTRY:
Finance
TECHNOLOGIES WE USED:
Vue 3, Vuex, Vuetify, Tailwind CSS, Webpack, Babel.
SERVICES WE PROVIDED
Frontend development
PROJECT DURATION:
Duration: 3 months
LIVE DEPLOYMENT:
OUR CLIENT:
Our clients at Accrue provide services to companies to help them achieve their full potential revenue. They develop monetization strategies to help clients grow business and keep a track of the profit they make.
THE PROJECT
With the designs made, our clients were looking for someone who could bring their rough sketches to life. And this is where Codesy Consulting stepped in. Our project was to design and engineer the frontend of the Accure website to make it more user friendly and easily accessible for potential clients of Accrue. Our clients wanted their website to be responsive on both mobile and website and wanted API integration to allow third party sharing.
CODESY CONSULTING SOLUTION:
To design and develop the frontend of the website, Accrue, we used Vue3. To make the UI responsive and easily accessible on both desktop and mobile, we used technologies such as Vuetify, tailwind CSS. With our expertise in Vue, we were able to design and develop high level state management strategies.
To ensure the safety of data sharing between third party applications, we worked on developing a seamless API integration system.
The frontend code of the already existing Accrue website was old and was the reason why the website was having issues with responsiveness. To provide a better accessible system, we redid the code and changed it to modern development standards.
One of the biggest benefits of rewriting the code was that we were able to improve the functionality and response of the system. Furthermore, our updated codes helped Accrue to reduce down on operational costs as well.
Before a certain project is submitted, it is crucial to run tests to make sure there are no bugs in the end product. At Codesy Consulting, we conducted regression testing and analyzed the results from our tests. These results were then submitted to the development team.
We also used GitHub as the code repository and GIT for version control.
To remove bugs from our code, our team participated in regular bug thrashing sessions through which we were able to discuss and resolve bugs with the help of developers.
The time duration of a project is important and we make sure to provide smart IT solutions within a set time frame.
KEY FEATURES:
Some of the highlights and key features of this project includes:
- Development and Design of a user friendly frontend
- Making the frontend of Accrue responsive on both mobile and desktop.
- Cleaning out the bugs from the code
- Integrating high end API systems.
CHALLENGES FACED:
One of the main challenges we faced while working on the frontend development of Accrue is that we had to redo much of the old code on the website. Our technical team was quickly able to work through and make analysis on the issues behind responsiveness of the website. Through our critical analysis we were able to deduce the flaws in the code and thus make improvements with the help of GitHub repository. To make sure that the design and development of the website was up to date with the latest trends in technology, we used Vue3 to complete the project.
HOW THE TECHNOLOGY WORKS:
The primary task of Codesy Consulting was to develop and design the frontend of Accrue. Our team was able to strategically divide the plan into different parts.
We worked on the API integration to provide third party integration of Accrue. Building links to LinkedIn profiles of the clients, gmail services, twitter and medium links of Accrue were some of the tasks achieved with the help of our API integration system.
Our team at Codesy Consulting worked out on cleaning the already existing code. Cleaning and debugging of the code was an essential part of the plan because it helped us to improve the working and functioning of the website. By the end, we were able to make the website more mobile friendly and improved the UI and UX of the website as well.
RESULTS AND END PRODUCT:
In the end, Codesy Consulting was able to develop and design the frontend of the website, Accrue based on the requirements of our clients. We used a number of different technologies to ensure we provide solutions that could help Accrue to grow further. Some of the technologies used by Codesy Consulting include Vue 3, Vuex, Vuetify, Tailwind CSS, Webpack, and Babel. All these technologies were used to serve different purposes but with the same end goal, optimize and make Accrue more user friendly and accessible.