React India 2022 Website
I have worked on the React India 2022 website from its earlier days of development until after the event ended, making after-event changes too.
Tech Stack
- Nextjs
- React
- Radix UI
- Tailwind CSS
- Dyte
- Netlify
Contributions I made:
Source data from Hygraph:
Initially we were using file-based JSON objects to store data. I implemented the initial integration of sourcing speaker's data from Hygraph and then the other modules such as sponsors and blogs. Though we could not move all data to Hygraph, we sourced 70% of our data from it.
Made tickets page keyboard accessible:
We wanted to make React India accessible through the keyboard. We used Radix UI components, which ship with accessibility by default.
Implemented Remote Workshops with Dyte:
React India was hybrid this year, and we had a whole day dedicated to remote talks and workshops. We used the Dyte platform to conduct remote workshops on our website. We had set different role permissions for speakers and participants with the help of Dyte presets, making sure no one gets more control with some custom checksum checks.
Feature flags with Hygraph:
We used feature flags for showing the live streams of Workshop (Day 0), Day 1 & Day 2 on their respective days on the live page. We also used a flag to set the default tabs on the schedule page to the active day, saving the extra tap for everyone. We used flags with On-Demand ISR to make changes live instantly ✨.
Learnings:
- I learned about using accessible primitives from Radix UI, which makes it super easy to bring in accessibility to our websites.
- I learned about Hygraph CMS for managing content on the website, and understood how key CMS's are in content heavy websites.
- I learned about Dyte, an amazing audio/video platform for conferencing.