Schematics is a prominent event organized by the Computer Science students of Institut Teknologi Sepuluh Nopember (ITS), designed to foster innovation, collaboration, and competition. From May 2022 to October 2023, I had the privilege of contributing to this large-scale project as a Frontend Developer, working to design and implement scalable, maintainable, and responsive web solutions that powered the event's digital platform.

As a Frontend Developer, my work centered on transforming the vision of the event into a seamless digital experience. I collaborated closely with UI/UX designers to refine interface concepts, ensuring that each design element was not only visually appealing but also technically feasible. Coordination with backend developers was equally critical, as it ensured that APIs were integrated smoothly and the platform operated efficiently.

To achieve a robust codebase, I adhered to clean architecture principles. This approach allowed the platform to scale effortlessly, handling the surge in user activity during peak periods like registration and event days. I also employed modular programming techniques to ensure that the code was maintainable, making it easier for future developers to enhance and expand the platform.

Creating a responsive user interface was another essential aspect of my role. Using **Tailwind CSS** and **Next.js**, I developed pages that delivered an optimal experience across devices, from large desktop screens to mobile phones. This adaptability was key to ensuring accessibility for all users, including participants, organizers, and visitors.

The Schematics platform was built on a modern tech stack that included **Next.js** for server-rendered React applications and **TypeScript** to add type safety to the development process. Styling the platform required an efficient and scalable approach, achieved using **Tailwind CSS**. For backend interactions, **Node.js** facilitated seamless communication with APIs, while version control and team collaboration were managed through **Git** and **GitHub**.

One of the standout features of the platform was its registration portal, which allowed users to sign up for events effortlessly. The portal incorporated robust form validation to minimize errors and ensure accurate data entry, while its responsive design made it accessible on any device.

Real-time updates played a critical role in engaging users during the event. I implemented dynamic components that displayed schedules, announcements, and other crucial information instantly, keeping participants informed and connected.

For event organizers, the admin dashboard was a game-changer. This tool provided an intuitive interface for managing participant data, tracking event progress, and generating reports. It streamlined operations, enabling organizers to focus on delivering a memorable event experience.

The development process was not without its challenges. The platform had to handle high traffic volumes during peak periods, such as the opening of event registrations. To address this, I optimized performance through server-side rendering in Next.js and followed clean architecture principles to ensure the system's scalability.

Another challenge was the hybrid work environment, which required seamless collaboration across distributed teams. Tools like GitHub played a vital role in synchronizing efforts, from tracking code changes to sharing documentation.

The Schematics platform had a significant impact, simplifying the management of a complex event and enhancing the experience for participants and organizers alike. Its responsive design and scalable architecture ensured that it met the demands of thousands of users, while its modular codebase provided a strong foundation for future iterations.

Through this project, I gained invaluable experience in frontend development, teamwork, and problem-solving, contributing to an initiative that continues to inspire innovation and collaboration within the ITS community.

Working on Schematics was a rewarding journey, combining technical challenges with creative problem-solving. The platform not only fulfilled its purpose for the event but also demonstrated the potential of modern web development to create impactful solutions. It remains a testament to the power of collaboration and innovation in achieving ambitious goals.