Meta

• RFC Name: Jelajah AGI
• RFC ID: 0001-jelajah-agi
• Start Date: 2024-03-12
• Owner: Fikri Alwan Ramadhan

Summary

This Request for Comments (RFC) outlines the proposed development of Jelajah AGI site, a web application dedicated to support Jelajah AGI event.

General Design

Technical Stack Overview

• Next.js: React.js framework for frontend and fullstack web development, using Next.js because the documentation is good, have so many method for rendering and fetching data.
• Tailwindcss: A utility-first CSS framework packed with classes.
• Shadcn/ui: Component library that easily to custom, support by default using tailwindcss.
• NextAuth.js: Library for handle authentication on Next.js.
• TanStack Query: Library for fetch data from API on client side rendering.
• Vitest: Library for create unit and integrated testing on javascript, more faster then jest.
• pnpm: Package manager for javascript, more faster and node modules memory size is smaller than yarn and npm.

Feature Implementation Details

Livescore all booth

User can access this feature without authorization. On this feature will show position, team name, and score for all booth. This feature will fetched by server side for the first time and using websocket to listen data changes, every changes that listen from websocket the site will fetch the API again by client side to update the data.

Livescore for every booth