ArtistyCode Studio

Savar Science Society – Science Olympiad Registration Platform

Project Overview:

The Savar Science Society website is a dynamic registration and management platform built to streamline the Science Olympiad event process. Designed with both participants and administrators in mind, it allows students to easily register, view event details, and download their admit cards, while giving admins full control over user data and registrations. Key Features: 👤 User Panel: Seamless user authentication powered by Clerk. Registration form with validation using React Hook Form and Zod. View Olympiad event details and instructions. Instantly generate and download admit cards (PDF) using pdf-lib. Confirmation and success notifications via React Hot Toast. 🛠️ Admin Panel: Secure admin access to manage all participant registrations. Export participant data to Excel using xlsx. Integrated analytics with Chart.js for visual insights. Email communication support via Nodemailer. File uploads for event-related documents through UploadThing. Tech Stack: Frontend: Next.js, React, Tailwind CSS, Radix UI, Clerk for auth Backend: Node.js, Express (API), MongoDB via Mongoose PDF & Excel Handling: pdf-lib, xlsx UI/UX: Lucide Icons, Tailwind Animations, React Toast Forms & Validation: React Hook Form, Zod Charts & Analytics: Chart.js, React-Chartjs-2 Utilities & Dev Tools: TypeScript, ESLint, PostCSS, UploadThing Modular component design with Tailwind Merge and CLSX