Technology Stack
Front End Framework
Astro JS - front end all in one framework
React JS - reactive pages and Admin
Backend
API
Hono JS
Database
Firestore database
Airtable
Backup database
Google sheet
CSS styling
Tailwind CSS
Flowbite
Material UI
Animation
GSAP
AOS
Utilities
Sweet Alert - css component
Yup - input validation
Shepherd.js - walkthrough
Cropper - image cropper
Diagrams
Database Diagram (ERD)
Available in the Figma or Go to image
%22%20offset%3D%220%25%22%2F%3E%3Cstop%20stop-color%3D%22rgba(164%2C%20164%2C%20164%2C%200)%22%20stop-opacity%3D%220%22%20offset%3D%22100%25%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20%3E%3Cg%20transform%3D%22translate(-236.000000%2C%20-286.000000)%22%3E%3Cg%20transform%3D%22translate(238.000000%2C%20286.000000)%22%3E%3Ccircle%20id%3D%22Oval-2%22%20stroke%3D%22url(%23linearGradient-1)%22%20stroke-width%3D%224%22%20cx%3D%2210%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22M10%2C2%20C4.4771525%2C2%200%2C6.4771525%200%2C12%22%20id%3D%22Oval-2%22%20stroke%3D%22rgba(164%2C%20164%2C%20164%2C%201)%22%20stroke-width%3D%224%22%2F%3E%3Crect%20id%3D%22Rectangle-1%22%20fill%3D%22rgba(164%2C%20164%2C%20164%2C%201)%22%20x%3D%228%22%20y%3D%220%22%20width%3D%224%22%20height%3D%224%22%20rx%3D%228%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E)
Page Diagram
Available in the Figma or Go to image
Database
Firebase
Firebase authentication
to store login credentials of participants and judges
Firestore database
to store details of participants, teams, submissions and evaluations
Session storage
To store the user details fetched from database and use it in the modules
Google Sheet
To store backup data and to query the data.
Airtable
To store images provided by students
Store awards data
the awards will store firebase id instead
Store independent data
judges
sponsors
jobs
lecturers
organising team
partners