Membership System

membership system

Membership v2 – Investment & Loan Management Platform

Membership v2 is a Next.js-based membership and financial tracking system that enables users to subscribe to specific membership plans, contribute their investments, and apply for loans. The platform includes a real-time admin dashboard with a tracking and notification system, ensuring administrators are instantly alerted when:

  • A user becomes a member

  • A loan application is submitted

  • An investment contribution is made

🚀 Key Features

  • Membership Plans: Users can sign up for tiered membership options with different benefits.

  • Investment Contributions: Secure contribution management with automatic tracking.

  • Loan Applications: Integrated loan request and approval workflow.

  • Admin Dashboard with Notifications: Live alerts for critical events (new member registrations, loan requests, contributions).

  • Modern UI/UX: Built with Tailwind CSS and Headless UI for an intuitive and responsive interface.

  • State Management: Uses Zustand for predictable global state handling.

  • Charts & Analytics: Utilizes Recharts for visualizing investment growth and loan statistics.

🛠 Tech Stack

  • Frontend: Next.js 14 (TypeScript), Tailwind CSS, Framer Motion, Lucide React icons

  • Backend: PostgreSQL with Drizzle ORM for efficient database operations

  • Authentication: Logto integration for secure login and access control

  • File & Media Handling: AWS S3/MinIO for storage and Sharp for image optimization

  • Utilities: React Hook Form with Zod for robust form validation, TanStack React Query for data fetching and caching

  • Notifications: React Hot Toast & React Toastify for real-time feedback

  • Admin Features: Winston for logging, Nodemailer for email alerts, and a custom tracking system

📈 Highlights

Membership v2 demonstrates scalable architecture, real-time event tracking, and financial transaction management with a modern user experience. This project is a complete solution for membership-based organizations to handle user onboarding, investment contributions, and loan processing with ease.

Tech Stack & Links

Next.jsTypescriptShadcnDrizzle ORMPostgres