Alida
Timeline: May - Dec 2021
Being a part of the Surveys team at Alida has allowed me to grow myself as a software developer and a team player in various ways. The projects I have been involved in during my internship can be summarized as follows:
Carry Forward Answers
- Developing the frontend of a feature that allows Alida Surveys users to carry forward answers of one question to other questions in a survey
- Utilizing the Model-View-ViewModel pattern using Knockout.js
- Reusing implementation in the viewmodel and the view across different components of the feature
- Adding a comprehensive frontend validation logic for the feature
- Technologies: Knockout.js, HTML, SCSS, jQuery, Karma, Mocha, Sinon
Survey Responding Modernization
- Transitioning Alida’s Survey Responding frontend codebase from an older toolset to a modern tech stack including React, TypeScript, React Query, Material UI, Storybook
- Developing various accessible and responsive UI components for web and mobile
- Utilizing a microfrontends architecture using Webpack Module Federation, sharing UI components across repositories
- Implementing unit tests achieving 90-100% coverage using React Testing Library
- Working with Puppeteer & BrowserStack to add UI automation tests
- Working with Github Actions & GoCD pipelines to build & deploy the app
- Creating a Transifex translations pipeline for localization
- Setting up Storybook for testing components and configuring it to work with Webpack Module Federation
- Investigating and debugging the existing backend in .NET to connect the new frontend to the existing backend properly
- Technologies: React, TypeScript, Material UI, Storybook, Jest, React Testing Library, Puppeteer, BrowserStack, C# (.NET)
Preview Surveys with Profile Variables
- Adding customizable and reusable React components to Alida’s UI library
- Actively working on 2 separate repositories that share code via Webpack Module Federation, synchronizing changes and deployments between the repositories
- Implementing React hooks that use React Query to make API calls to the backend and manage data on the frontend
- Technologies: React, TypeScript, Material UI, Storybook, Jest, React Testing Library
Other
- Improving the usability of a drag & drop interface by designing and implementing complex and reusable style rules
- Building a micro-frontend application that uses Webpack Module Federation, and deploying to AWS S3 & CloudFront
- Troubleshooting build and deployment pipelines
- Debugging customer issues using Kibana logs
- Taking part in weekly build pick & prod push tasks