hero image

Next Js Fullstack Semi-dynamic Organization Website for Islamic Education Australia

NEXT.Js

WebApps

Project Overview:

Islamic Education Australia is a semi-dynamic Next.js website designed to support an Islamic educational organization with essential community-driven functionalities. The platform includes a secure donation system powered by Stripe, enabling users to contribute seamlessly. It also features a volunteer registration system with a dedicated noticeboard to keep volunteers informed about events and updates. The website offers dynamic event management, allowing administrators to create and manage events, while users can explore upcoming programs with detailed information. A resource library provides downloadable educational materials, ensuring easy access to essential content. The admin panel allows role-based access for managing donations, volunteers, events, and resources, with insightful data visualization using Chart.js. The platform also includes dynamic banners for announcements and a media gallery using React Photo Album and Lightbox for showcasing images and videos. Built with Next.js, React, and Tailwind CSS, the website ensures a modern, responsive, and visually appealing experience. Authentication is handled with Clerk, while UploadThing enables seamless media uploads, and EmailJS and Nodemailer provide efficient email communication. This project is designed to foster engagement within the Islamic education community while ensuring smooth administrative operations.