R.C.K - The RCK Students' Association web application is a comprehensive, real‑time management platform built for the student community of R. C. K. (presumably a college or institution). Developed with a mobile‑first approach, it serves as a centralized hub for members, advisors, blood donors, events, academic resources, financial records, and emergency contacts. The app leverages Firebase Realtime Database to ensure all data—such as member profiles, notices, and messages—is instantly updated across devices without requiring a page refresh.Upon opening, users see a sticky header with the association logo and a hamburger menu that reveals a side navigation bar. The sidebar contains links to fourteen distinct sections: Dashboard, Members, Advisors, Blood Management, Gallery, Events & Programs, Income‑Expense Report, Academic Resources, Emergency Helpline, Donation, AI Assistant, Messages, About Us, and Feedback. Each section loads dynamically into the main view, and the active page is highlighted in the menu.The Dashboard presents a hero banner with the association’s welcome message and slogan, followed by statistics showing the total number of members, advisors, and registered blood donors. A notice card displays the latest announcement fetched from the database. The Members and Advisors pages render individual profile cards containing name, institution, address, blood group, role, and a direct “Call” button that triggers a phone call via tel: link. Blood Management groups all donors with their contact information, making it easy to request urgent blood donations.The Gallery displays photos in a responsive two‑column grid. Events, Finance, Resources, and Helpline sections are placeholders awaiting data, but they are structured to show cards or lists dynamically. The Donation page shows account details for contributions, while About Us explains the association’s vision and address. Feedback allows users to submit suggestions or complaints, which are stored in Firebase and can be reviewed later. The Messages section lists association‑wide announcements with dates.A standout feature is the use of Bengali (Bangla) throughout the interface, including the ‘Hind Siliguri’ font for comfortable reading. The colour scheme combines deep green (#004d3d) with amber accents, creating a professional yet friendly appearance. All interactive elements—buttons, navigation links, and cards—are designed with smooth animations and touch‑friendly tap targets.Technically, the app is a single HTML file with embedded CSS and JavaScript (using ES6 modules). It imports Firebase SDKs to connect to the project’s backend. Data is structured under config, members, messages, and feedback nodes. The app listens for real‑time changes and re‑renders the active page automatically. The “AI Assistant” and certain sections are marked as coming soon, indicating future expansion plans. Developed by Arman Kutubi, the application exemplifies a modern, low‑cost solution for student associations to stay connected, informed, and organised.

The RCK Students' Association web application is a comprehensive, real‑time management platform built for the student community of R. C. K. (presumably a college or institution). Developed with a mobile‑first approach, it serves as a centralized hub for members, advisors, blood donors, events, academic resources, financial records, and emergency contacts. The app leverages Firebase Realtime Database to ensure all data—such as member profiles, notices, and messages—is instantly updated across devices without requiring a page refresh.Upon opening, users see a sticky header with the association logo and a hamburger menu that reveals a side navigation bar. The sidebar contains links to fourteen distinct sections: Dashboard, Members, Advisors, Blood Management, Gallery, Events & Programs, Income‑Expense Report, Academic Resources, Emergency Helpline, Donation, AI Assistant, Messages, About Us, and Feedback. Each section loads dynamically into the main view, and the active page is highlighted in the menu.The Dashboard presents a hero banner with the association’s welcome message and slogan, followed by statistics showing the total number of members, advisors, and registered blood donors. A notice card displays the latest announcement fetched from the database. The Members and Advisors pages render individual profile cards containing name, institution, address, blood group, role, and a direct “Call” button that triggers a phone call via tel: link. Blood Management groups all donors with their contact information, making it easy to request urgent blood donations.The Gallery displays photos in a responsive two‑column grid. Events, Finance, Resources, and Helpline sections are placeholders awaiting data, but they are structured to show cards or lists dynamically. The Donation page shows account details for contributions, while About Us explains the association’s vision and address. Feedback allows users to submit suggestions or complaints, which are stored in Firebase and can be reviewed later. The Messages section lists association‑wide announcements with dates.A standout feature is the use of Bengali (Bangla) throughout the interface, including the ‘Hind Siliguri’ font for comfortable reading. The colour scheme combines deep green (#004d3d) with amber accents, creating a professional yet friendly appearance. All interactive elements—buttons, navigation links, and cards—are designed with smooth animations and touch‑friendly tap targets.Technically, the app is a single HTML file with embedded CSS and JavaScript (using ES6 modules). It imports Firebase SDKs to connect to the project’s backend. Data is structured under config, members, messages, and feedback nodes. The app listens for real‑time changes and re‑renders the active page automatically. The “AI Assistant” and certain sections are marked as coming soon, indicating future expansion plans. Developed by Arman Kutubi, the application exemplifies a modern, low‑cost solution for student associations to stay connected, informed, and organised.

Comments

No comments yet. Be the first to comment!