Check out the live website here: WSA Council
WSA Council is an international organization that offers accreditation to top educational institutes and professionals worldwide, primarily targeting Europe. This project is an accreditation platform developed using a modern web stack, including Next.js, Sanity, Tailwind CSS, TypeScript, PostgreSQL, Prisma, and NextAuth.
The platform is designed to be highly scalable, secure, and user-friendly, ensuring smooth navigation for both institutes seeking accreditation and professionals exploring certification options. This website features user authentication, dynamic content management, a responsive design, and live chat integration powered by Tawk.to to enhance user interaction.
-
🌐 Dynamic Accreditation Platform: Institutes and professionals can apply for accreditation, providing essential information through a structured and clear interface.
-
✍️ Real-Time Content Management (CMS): Sanity’s headless CMS powers the platform's content management, allowing for seamless updates to the accreditation pages without the need for developer intervention.
-
🔐 Secure Authentication: NextAuth handles secure user authentication and role-based access control for administrators and applicants.
-
📱 Responsive Design: The responsive and mobile-first design, powered by Tailwind CSS, ensures that the platform works seamlessly on all screen sizes.
-
🛠️ Type-Safe Architecture: TypeScript was utilized for improved maintainability, reliability, and bug prevention, ensuring a robust application architecture.
-
🗄️ Scalable Database Management: PostgreSQL, managed through Prisma, provides a scalable and secure relational database structure for user and accreditation data.
-
💬 Real-Time Chat Support: Integrated Tawk.to chat allows users to interact directly with support, enhancing the user experience and providing instant guidance.
-
🏠 Homepage:
- Presents the organization’s mission, vision, and highlights accreditation benefits, alongside the number of accredited institutes and professionals.
-
🎓 Accreditation Information:
- Dedicated sections for both Educational and Professional accreditation programs, providing detailed criteria, benefits, and application processes.
-
🌍 Member and Institute Listings:
- A comprehensive list of chapter members and accredited institutes globally, showcasing the WSA Council’s worldwide presence.
-
📅 Leadership Conference & Events:
- Displays upcoming and past events such as the Leadership Conference 2022 to keep visitors informed and engaged.
-
📝 Application Forms:
- Integrated forms for institutes and professionals to apply for accreditation, streamlining the process.
-
👨💻 Admin Dashboard:
- Secure, role-based access for administrators to manage content and view applications.
- 🗄️ Database Setup: PostgreSQL database connected via Prisma for managing users, institutes, accreditation applications, and more.
- 📡 API Integration: Next.js API routes were used for handling form submissions, user authentication, and dynamic content updates.
- 📝 Content Management: Sanity CMS was integrated to handle dynamic content, allowing the client to easily add or modify sections like institutes, members, and events.
- 🔑 Authentication: NextAuth was implemented to ensure secure user login and session management with role-based access control.
- 🎨 UI/UX Design: Tailwind CSS was used to create a modern, mobile-responsive, and intuitive user interface that works across all devices.
The WSA Council website is deployed on Vercel 🟢, benefiting from Vercel's seamless integration with Next.js for fast and reliable hosting, automatic scaling, and secure environments.
By enhancing this project with interactive features like live chat, real-time content management, and a strong focus on scalability and performance, this platform is a robust accreditation solution for institutes and professionals across Europe.