TEDxITB
A TEDx event is a local gathering where live TED-like Talks and videos previously recorded at TED conferences are shared with the community. TEDx events are fully planned and coordinated independently on a community-by-community basis.
Roles
Website Director
Overview
TEDxITB 7.0, themed "The Impact Originator Hub," is more than just a traditional talk event where attendees simply seat-listen-leave. It is a dynamic platform designed to shape a community and serve as an Impact Originator Hub. This hub empowers local originators to recognize, connect, and inspire one another, leading to broader societal impacts.
Tech Stacks
Responsibilities
Led and supervised a team of 10 people consisting of FE developers, BE developers, and UI/UX designers to develop tedxitb.id.
- Thoroughly consult stakeholders and other divisions of TEDxITB 7.0 to gather requirements and ensure the website meets their needs and expectations.
- Leveraged PostHog Analytics and Google Sheets API to provide stakeholders with detailed insights into website visitor data and TEDxITB 7.0’s main event registrant.
- Utilized a content management system to streamline content updates on the website by other divisions.
- Achieves overall average score of > 90 as measured by PageSpeed Insights.
Development Experience
Leading a website team in a campus committee was a first for me. My team comprised two UI/UX designers, Atqiya and Will; two back-end engineers, Nuel and Guntur; and six front-end engineers, Afif, Naufal, Mesach, Gana, Elbert, and Randy. Their dedication and collaboration were crucial to the website's success.
We held weekly meetings to review the current sprint milestones. Most of the development work occurred during the holidays after the final exams because the period between midterms and finals was packed with major assignments. Despite the chaos, we managed to complete all components before the finals, leaving the holiday period for finishing touches on pages and API endpoints.
The website featured mainly simple static pages, but the magazine and main event/ticketing pages stood out. Afif did a fantastic job with the magazine page, creating a smooth book-opening animation and a great page-turning effect that received much praise.
The ticketing page, though seemingly simple, involved handling multiple states and conditions in the ticketing flow. Naufal managed the front-end while Nuel took care of the back-end. I remember working with Naufal over a Discord call to finalize the front-end while I was on vacation.
Last but not least, an interesting story emerged when the event team requested a QR code scanner (for the main event attendance) to us just a week before the main event. This sudden request came during an already chaotic week filled with quizzes and assignments. Despite the tight schedule, I managed to develop and test the QR code scanner just in time for the technical meeting the night before the event. Through this experience, I also learned the crucial importance of incorporating white or light-colored borders around QR codes to ensure they are scannable (Good thing I realized this before the main event starts, otherwise it would've been 💀).
In the end, over 3300 people visited this website and over 650 people registered on the TEDxITB website , making this one of the most successful projects I’ve worked on, thanks to the excellent team and collaboration across divisions.
Overall, I learned that managing people in your team is not as easy as it looks. Everyone has their own schedule or commitments, so sometimes not all of them can attend our weekly meetings or even events. But nonetheless, it's still okay as long as communication is not forgotten.
Events
Unlike previous TEDxITB events, the staff onboarding for this event was conducted online via Zoom. It was a straightforward introduction to the team and workflow, explaining the technology we would use. Unfortunately, due to the timing during the holidays, only a few people attended.
Similar to past events, we had an internal bonding event at OBC Futsal. Three team members attended—Afif, Naufal, and myself. We enjoyed playing basketball, tug of war, blind football, and more for three hours. Afterward, we had a meal at Maow Makan, where I highly recommend the Nasi Ayam Hainam. We spent the afternoon chatting and relaxing until I had to leave for a meeting with the event division.
The main event was the highlight. Sadly, only Afif could join me due to an Algorithmic Strategy assignment deadline that night. Nonetheless, everything went smoothly. Afif and I were tasked with managing ticket scanning at the main hall.
I learned a lot from this experience. We encountered users with unique challenges that I didn't really expect when developing the project, such as broken LCD screens, poor internet connections, and forgotten registration emails.
I also had the chance to meet Fatih, the director of the previous TEDxITB website, and other former directors, which was a memorable experience.
Overall, the main event was a success. At the end of the main event, all of the staff took a photo together on the main stage, and we all went home happily ever after.
Front End Engineer
Overview
TEDxITB 6.0, themed "Action: The Fundamental Breakthrough," is a call to arms for dreamers and innovators alike. This event inspires the audience to transform their aspirations into reality by taking decisive steps towards their goals. It's an invitation to move beyond the realm of daydreams and into the sphere of tangible progress.
Tech Stacks
Development Experience
During my second semester at ITB, I decided to join a campus committee since I hadn't been part of one yet and wanted to meet people outside my faculty. I believed it was the best way to expand my network. I applied and successfully passed both the initial phase and the interview. The lead team included Fatih, two UI/UX members Livia and Khairunissa, backend engineer William Nixon, and three frontend engineers: Fairuz, Valdi, and myself.
The second semester was much more chaotic than the first, compounded by a persistent and unusual bout of diarrhea that lasted throughout the term. Despite multiple visits to Borromeus Hospital, the condition persisted. It finally improved after a visit to a hospital near my home during the Eid holiday.
My first task was to create a coming soon page. Although this page has since been removed, I learned how to create cool animations in React. My subsequent tasks involved developing reusable components for the website, such as Dropdown, Toasts, Navigation Bar, Countdown, File Input, and Button components. Fatih advised us against using any UI libraries to avoid increasing the bundle size and loading time, so we built everything from scratch using React. This experience taught me the importance of creating component variants, utilizing a single "Button.tsx" file with variant props instead of multiple separate files.
For the website pages, I worked on the Talks Page, Main Event Page, Merchandise Page, Sponsorship Page, and Login Page. Through these tasks, I learned to use HTML tags correctly for semantic purposes, improve SEO, optimize images, and enhance the page's Lighthouse score. Additionally, I was honored to receive the best staff award for my contributions, which was a gratifying acknowledgment of my hard work.
Events
Our first meeting was a staff onboarding session held on a Saturday in the SBM building, which I believe is the best facility on the ITB campus. The onboarding introduced us to TEDxITB 6.0 and its goals, and we got to know each other in the web team, discussing the project in small groups.
At one of our next meetings, Fatih treated us to a one-meter pizza at Pizza Hut, a ritual he performs at the start of every project he leads. I went home full and even more enthusiastic about the website project.
Mid-semester, HR organized a bonding event at OBC Futsal in Bandung. Unfortunately, only Fatih, Valdi, and I from the web team attended. We played various games like cup races, picture guessing, and other more, which were a lot of fun.
During one of the fasting days, Fatih invited us to break our fast together at Warung Pasta, a pizza/pasta shop near ITB. We played a game of "Three Truths and a Lie" to pass the time until the Maghrib adzan. Coincidentally, I ran into my Astronomy Olympiad tutor, Hammam, who was possibly pursuing his master's or Ph.D. in physics.
Although the main event was epic, I didn't attend because I went home early. Fatih was the only member of our website team to attend the main event (sorry, Fatih!).
Finally, there was an offboarding event around July. Despite feeling slightly ill, Fatih convinced me to attend. I made it through the night but ended up vomiting and experiencing the same severe diarrhea at around 3 am. I quickly returned to my boarding house, ordered a GoCar, and went back to my hometown to visit the hospital the next day. I was hospitalized for several days, and thankfully, the diarrhea hasn't returned since then. Overall, I loved working at TEDxITB 6.0; the environment was wonderful, and the internal events were great.
