Front-End Developer

Description

TED is a nonprofit devoted to spreading ideas, usually in the form of short, powerful talks (18 minutes or less) with a mission to spread ideas. We welcome people from every discipline and culture who seek a deeper understanding of the world.

TEDx is an international community that organizes TED-style events anywhere and everywhere, celebrating locally-driven ideasand elevating them to a global stage. TEDx events are producedindependently of TED conferences, each event curates speakers ontheir own, but based on TED's format and rules.

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.

Library / Tools Used

• Next.js (Fullstack Framework)
• T3 Stack (Next.js Boiler Plate)
• TailwindCSS (CSS Library)
• Typescript (Typesafe for Javascript)
• DatoCMS (CMS)

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.