Using our expertise in wide range of technologies, we can help turn your idea into an impactful product that reaches your audience.
by our Tech Leads with 10+ years of commercial experience
services insurance
full team setup
share of senior software engineers
project management with detailed reporting
London HQ, R&D in Ukraine, diversified management board
Typically front-end development is divided into three main phases:
Each stage involves delivery as well as the development team.
The main goal of this phase is to prepare the final UX design, User Stories and set up both delivery and development processes and environment.
Typically, Business Analyst(BA) / Product Owner(PO), User Experience Designer(UX), Functional Analyst(FA), Project Manager(PM), and DevOps perform the critical roles in the delivery team.
Our Tech Architect takes the lead in setting up a new project within a code repository, employing popular version control systems.
We suggest hosting the codebase on the client’s account for enhanced security. We’re also ready to provide internal solutions for codebase storage per your request.
Once the repository has been established, our Tech Architect starts working on the branching strategy. We strive to make the strategy as tailored as possible to ensure an effective development process.
The Tech Lead initializes the project using a modern frontend framework, specifically React.js for building user interfaces and Node.js for server-side logic.
We initialize the project using tools tailored for setting up React.js applications. With TypeScript for static typing and Prettier and ESLint for code quality checks, the Tech Lead ensures a solid foundation for front-end development.
We use Redux for state management to promote predictable state transitions. SCSS or Tailwind CSS are suggested for efficient styling of components.
On the Node.js side, the Tech Lead sets up the server environment, defines the main server file, and installs necessary middleware. We also handle key aspects like routing, database connection, and error-handling mechanisms.
The Tech Architect thoroughly supervises this foundational phase, which usually spans 1 to 2 weeks.
In the first place, it is crucial to choose the appropriate methodologies for the project type and client expectations. We can combine methods or simplify some approaches at the client’s request. We recommend reading the following article – Cheatsheet Differences Scrum vs Scrumban vs Kanban to overview modern software development methodologies and processes.
To start the development process seamlessly, we need to define the requirement for an MVP, plan tasks, set priorities, outline the delivery process, and distribute tasks among the team members. This process needs to be managed by the PM or another qualified specialist. This person will support the development team daily, communicate with the Functional Analyst and design team, track deadlines, and organize demos and meetings.
Plus, we set up a project management environment such as Jira (or the like) for team performance reporting at this stage.
The Tech Architect sets up a new project with a code repository hosting management tools such as Github, Gitlab, or Bitbucket. Usually, the codebase is located on the client’s account for security reasons. Softblues can also provide internal solutions for storing the codebase at the client’s request.
After the repository is created and accessed, the architect sets up a branching strategy, e.g. Successful Git branching model.
And as the next step, the Tech Lead bootstraps the project using modern frameworks, like Vue.js or React.js.
Vue.js The project is bootstrapped using the Vue CLI tool, and depending on the project’s needs Vue.js v.2 or v.3 is selected as the basis. Judged by experience, v.2 is more stable, although, at the same time, Composition API is often applied as the main approach. Tech lead sets up Typescript support and code quality tools, such as Prettier and Eslint. As a state management tool, Vuex is set up.
React.js The project is bootstrapped using Create React App tool with Typescript support and code quality tools, such as Prettier and Eslint. As a state management tool, Redux is set up.
As a CSS/SCSS pre- or post-processor, we suggest SCSS used as ccs modules or Tailwind CSS.
The process described above usually takes 1-2 weeks, and it is the responsibility of the Tech Architect at the side of SoftBlues.
At this stage, the development and delivery team are working together on implementing components from the wireframes.
Our team employs the Atomic Design approach to implement the front end using React.js. The Tech Lead delegates creating the simplest UI elements to junior and middle developers.
More complex tasks, such as the design of layouts, pages, and functional features, move to middle and senior developers. The Tech Lead supervises the process and provides the necessary tech guidance.
The back-end team uses Node.js to develop the server-side logic of the application. Engineers work on creating APIs (Application Programming Interfaces), setting up the database, and implementing server-side functionality. They also ensure proper API documentation using Swagger, Insomnia, or Postman tools.
Both front-end and back-end teams work simultaneously, ensuring a cohesive, robust, well-documented development process.
Our team prefers to use the Atomic Design approach to implement the front-end.
Firstly, the Tech Lead starts delegating simple components (atoms, molecules) implementation to Junior/Middle Developers and more complex tasks such as layouts and pages, as well as functional features to Middle/Senior Developers. The Tech Lead’s responsibility is to provide technology decisions and code reviews, team support, and work on the most critical tasks.
The front-end team works in parallel with the back-end team. This approach allows the creation of the application pages Rest or GraphQL API and their documentation with Swagger, Insomnia, Postman, etc.
The approach described above is applicable when the back-end team is represented on the client’s side. If there is a request to build a back-end team, Softblues can provide your project with expert Node.js, PHP, or Python developers.
This phase is a critical phase of active development. We continuously deliver the results of the development team to the client for further testing aiming at accepting the completed work.
After the project features are developed, they are delivered to the defined environments. We suggest using QA(Test) and Staging(Pre Prod) environments by default. Test and Staging servers can be hosted on any available platforms such as AWS, Google GCP, Microsoft Azure and set up by the Softblues’s DevOps Engineer or the technicians from the client’s side.
Artifact delivery takes place 1-2 weeks, followed by regular demos.
The QA Engineers test features on the QA server and approve further delivery to the Staging server that is 99% similar to the Production one. For the delivery automation, various tools can be used, from GitLab CI or GitHub Actions to Jenkins or Vercel.
After deployment to the staging, manual testing is applied to compare the visualization elements and test compatibility with the features. Ideally, this process should be managed by the QA engineer. Depending on project size, this can be done by the designers, BAs, PMs, or clients.
Demo sessions aim to demonstrate the project progress, and their frequency depends on the methodology chosen and the client’s request. We suggest convenient iterations and agree on them at the beginning of the project.
Learn about the value we bring to businesses
Virtusize is a fashion tech company focused on taking the guesswork out of e-commerce.
AutoBI is one of the most powerful fleet management platforms in Eastern Europe, including all the tools needed for fleet accounting and data analysis.
AgroTop is a new generation of farm management systems for remote control of production processes in agribusiness.