How jtr-0901/aifi-website works
AiFi is a club and events website. Visitors enter through the home page, browse club information and events, then may open an event registration form; the masterclass and GFG forms visibly POST to configured API endpoints. The backend and SQLite database are present in the tree, but their runtime relationships are not established by the shown excerpts, so they are not connected speculatively.
Main entry points: App.jsx App Router · Home.jsx Home Page · AnimationContext.jsx Animation State · Hero.jsx Club Hero
Components 18
Club Website
- App Router
src/App.jsx - Navigation
src/components/Navbar.jsx - Home Page
src/components/Home.jsx - Club Hero
src/components/Hero.jsx - Club About
src/components/About.jsx - Faculty
src/components/Faculty.jsx - Club Team
src/components/Team.jsx - Events
src/components/Events.jsx
Registration
- Hackathon Form
src/components/HackathonRegistration.jsx - Masterclass Form
src/components/MasterclassRegistration.jsx - GFG Form
src/components/GFGRegistration.jsx
Visual Effects
- Animation State
src/context/AnimationContext.jsx - Canvas Background
src/components/Background.jsx
Backend
- Server
server/index.js - SQLite Database
server/database.sqlite - Data Checker
server/check_data.js
Other components
- Visitor
- Registration API
Connections 17
- Visitor → App Router: opens site
- App Router → Navigation: renders
src/App.jsx - App Router → Home Page: routes home
src/App.jsx - App Router → Hackathon Form: routes registration
src/App.jsx - App Router → Masterclass Form: routes registration
src/App.jsx - App Router → GFG Form: routes registration
src/App.jsx - App Router → Canvas Background: renders
src/App.jsx - App Router → Animation State: provides state
src/App.jsx - Home Page → Club Hero: renders
src/components/Home.jsx - Home Page → Club About: renders
src/components/Home.jsx - Home Page → Faculty: renders
src/components/Home.jsx - Home Page → Club Team: renders
src/components/Home.jsx - Home Page → Events: renders
src/components/Home.jsx - Club Hero → Animation State: triggers warp
src/components/Hero.jsx - Canvas Background → Animation State: reads state
src/components/Background.jsx - Masterclass Form → Registration API: POSTs registration
src/components/MasterclassRegistration.jsx - GFG Form → Registration API: POSTs registration
src/components/GFGRegistration.jsx