Training Tracker

A corporate web application designed to manage and track training compliance across multiple locations. This platform facilitates role-based training assignments, monitors progress, and ensures associates meet Standard Operating Procedures (SOP) requirements.

Features

• User Management

  • Role-based access control (Associates, Supervisors, Managers, Admins)
  • Department-based organization
  • User profile management

• Training & SOP Management

  • Assign SOPs to specific roles
  • Track completion status
  • Version control for SOPs
  • Document management system

• Administrative Dashboard

  • Comprehensive admin panel for user management
  • Department and position configuration
  • Site-wide settings control

• Document Management
  • Upload and organize training materials
  • Manage signature sheets
  • SOP document versioning

Tech Stack

• Frontend: Next.js 14
• Backend: Prisma ORM with Neon.tech database
• Authentication: NextAuth with email/password
• Styling: Tailwind CSS with dark/light mode support

Getting Started

1. Clone the repository
2. Install dependencies:

npm install

3. Set up your environment variables:

# Copy the example environment file and update with your values
cp .env.example .env

The .env.example file contains all the necessary environment variables with placeholder values. Edit the .env file with your actual configuration:

• NEXT_PUBLIC_APP_NAME: Your application name
• NEXTAUTH_URL: The base URL of your application (default: "http://localhost:3000")
• NEXTAUTH_SECRET: A secret key for NextAuth.js (at least 32 characters)
• DATABASE_URL: Your database connection string
• RESEND_API_KEY: Your Resend API key for sending emails
• SMTP_FROM: The email address to send emails from
• NEXT_PUBLIC_TURNSTILE_SITE_KEY: Your Cloudflare Turnstile site key (public key)
• TURNSTILE_SECRET_KEY: Your Cloudflare Turnstile secret key (for server-side verification)

Never commit your actual .env file to version control.

4. Run database migrations:

npx prisma migrate dev

5. Start the development server:

npm run dev

Open http://localhost:3000 to view the application.

Key Features

For Associates

• View assigned training materials
• Track training progress
• Access department-specific SOPs
• Document completion status

For Supervisors

• Monitor department compliance
• Manage team training progress
• Access departmental reports

For Administrators

• Full user management
• SOP and training assignment
• Site and department configuration
• System-wide settings control

Security

• Role-based access control (RBAC)
• Secure password hashing
• Protected API routes
• Session management
• Cloudflare Turnstile bot protection on signup forms

License

MIT License - see LICENSE file for details