Our team made a complete code refactoring, set up CI/CD process, proposed new technologies, offering a bundle of Vue.js + Nuxt.js for the front-end, which allows us to quickly render pages and speed up the indexation for SEO tasks to the maximum extent. So, refactoring for both back-end and front-end and redesign is what we started from.
We had provided refactoring solutions before, so we had enough expertise to handle the project. Starting with a redesign proposal, we made research on how this network , which aimed to be the Linkedin for open source contributors, should work, and what new ways of presenting things and interactions can be viable. Our suggestions were well received, and this is how OpenTeams found its new visual representation.
OpenTeams is based in Austin, Texas, so all the processes and communication were conducted remotely. We developed productive interaction; therefore, we contributed together to a creative process of planning, designing, development, and testing new changes. Our seamless communication allowed us to deploy production updates every single week. And, almost every time, the updates were quite significant, such as adding new functions or features.
We started to develop the platform almost from scratch, covering the full cycle of development. With a complete redesign and robust code refactoring, our team built the foundation for the stable, up-to-date system.
The following are some of the major product features we implemented:
- Contribution claims – a feature that allows showcasing a contribution of any kind to an open-source project. We also made it possible to add contributions to the projects that haven’t been added to the OpenTeams platform yet, providing unlimited choice options to the users.
- Nominations – a feature that suggests users nominate each other for open source contributions.
- Discussions – give users a chance to raise a topic on a new feature idea or a usability concern within a certain open source project. The nesting structure allows posting comments to the discussion topic or answers to a particular comment in a thread.
- Initiatives – suitable for the users who have a different kind of proposals related to their projects or organizations and who aim to find fundable efforts to implement them. The multi-functional editor for adding an initiative allows not only to format text but also to add poll annotations to the description, prompting users to interact with the text.
- Notifications – designed to keep users engaged and interested in spending more time on the platform. This feature is built using WebSockets; thus, a user gets notified instantly on the events related to their profile. These events include new followers, contribution claims status updates (received, endorsed, rejected), earning a nomination, discussions updates, organization membership invites.
- News Feed – so far, our personal favorite among the features presented. Designed in a feed style, similar to Notifications, user’s news is a collection of updates related to their managed projects and organizations. Whenever a user’s project receives a contribution or usage claim – feed is updated with the relevant event. It’s easy to customize the feed, as there is a filter for it. We also added a possibility to add personal posts right from the News Feed view and see the posts from the followed users.
Redwerk was trusted to work on the project’s design concept, and we made sure to make initial research on the platforms with similar ideas and goals. With our expertise and understanding of users’ needs and modern trends, we aimed to implement user-friendly, intuitive design without unnecessary complexities. With the block structure and reusable components, we laid a foundation not only for the up-to-the-minute needs but also for the features planned on the roadmap. That architecture helped us smoothly deliver regular updates.