Fullstack dev (React/Symfony) on a Video Conferencing Platform
I came into a team of 3 developpers as a senior and expert on the React Stack . We did a Complete refactoring of a video conferencing application by migrating the architecture from Backbone.js to React.js. The backend was on Symfony. I introduced important changes like typescript , Redux-ducks architecture and optimization of list rendering and user interfaces.This project was a Saas project used by a lot of companies with critical needs for performance and scalability. I also autonomously built a gatsby website for the company to showcase their product.
Project Timeline
frontend
backend
devops
Key Features
Event Page and Registration Management
Effortlessly create a personalized page for your event. Customize the design with event colors, include a registration form, schedule, speaker management, and customizable content. Automate the sending of invitations and registration confirmations.
Access Badges with QR Code
Set up digital or printable PDF access badges for your event. Sent via email, they are ready to be scanned through our app, ideal for smooth entry management at your in-person events.
Interactive Features: Chat, Quizzes, Polls
Encourage interactions by engaging your participants during the live event with interactive features. These include moderated chat, moods, quizzes with leaderboards, polls with various question types, and satisfaction surveys.
In-Person Projection Interface
Broadcast the projection interface in your seminar rooms, featuring chat, interactive tools, and documents. Provide your participants with a dedicated mobile interface, without the need for downloads, allowing them to ask questions live.
Remote Interface and Video Control
Produce and broadcast your webinars independently with advanced controls: customizable layouts, scene creation, background additions, and RTMP streaming. This enables professional presentations with ease.
Challenges & Solutions
Challenges
- 1Managing the migration without service interruption.
- 2build a scalable and performant frontend that will be used by a lot of people at the same time.
- 3Optimizing the performance of the application.
- 4Building quickly a customizable landing page for the company to showcase their product.
- 5Building quickly in a reliable environment
Solutions
- 1Using a progressive approach and implementing unit tests.
- 2we built with react for reactivity and leverage sockets for real time communication.
- 3big focus on optimization and virtualization of big lists elements like messages or participants.
- 4Using gatsby to build a website and give access to the communication team to write articles.
- 5Using docker to containerize the application and the website.
Screenshots
Screenshot of the video conferencing platform
Screenshot of the video conferencing platform