Code In The Dark - Points System

A modern points system platform with points, lifelines, gambling games, and real-time admin monitoring.

🚀 Features

For Players:

• Authentication System - Secure login/register
• Points System - Earn and spend points
• Lifelines - Use helpful lifelines with points
• Gambling Games - Slot machine & dice games
• Leaderboard - Compete with other players
• Transaction History - Track all your activity

For Admins:

• Real-time Monitoring - Live activity feed
• User Management - Manage users and points
• Analytics Dashboard - System statistics
• User-wise Analysis - Individual user tracking

🛠️ Tech Stack

• Frontend: Next.js 15, React, TypeScript, Tailwind CSS
• Backend: Next.js API Routes, MongoDB
• Authentication: JWT tokens with httpOnly cookies
• Animations: Framer Motion
• UI Components: Radix UI, Shadcn/ui

📦 Installation

1. Clone the repository

   git clone <your-repo-url>cd codedark

2. Install dependencies

   npm install

3. Set up environment variables

   cp .env.example .env.local

   Fill in your MongoDB connection string and JWT secret:

   MONGODB_CONNECTION_URI=mongodb+srv://...JWT_SECRET=your-super-secret-keyBCRYPT_ROUNDS=12

4. Run the development server

   npm run dev

🚀 Deployment

Vercel (Recommended)

1. Push to GitHub

   git add .
   git commit -m "Ready for deployment"
   git push origin main

2. Deploy to Vercel

   • Go to vercel.com
   • Import your GitHub repository
   • Add environment variables in Vercel dashboard
   • Deploy!

Environment Variables for Production:

MONGODB_CONNECTION_URI=your-mongodb-atlas-connectionJWT_SECRET=your-production-jwt-secretBCRYPT_ROUNDS=12NODE_ENV=production

🎮 Usage

Game Rules:

• Slot Machine: 10 points per spin, various payouts
• Dice Game: Variable betting, multipliers based on dice result
• Lifelines: Different costs, limited uses per user

🔧 Development

Project Structure:

codedark/
├── app/ # Next.js 15 App Router
│ ├── api/ # API Routes
│ │ ├── auth/ # Authentication endpoints
│ │ │ ├── login/route.ts # User login
│ │ │ ├── register/route.ts # User registration
│ │ │ ├── logout/route.ts # User logout
│ │ │ └── me/route.ts # Get current user
│ │ ├── admin/ # Admin-only endpoints
│ │ │ ├── users/route.ts # User management
│ │ │ ├── analytics/route.ts# System analytics
│ │ │ └── activity/route.ts # Real-time activity
│ │ ├── gambling/ # Gaming endpoints
│ │ │ ├── slot/route.ts # Slot machine game
│ │ │ └── dice/route.ts # Dice roll game
│ │ ├── lifelines/ # Lifeline system
│ │ │ ├── route.ts # Get user lifelines
│ │ │ └── use/route.ts # Use a lifeline
│ │ ├── user/ # User data endpoints
│ │ │ └── history/route.ts # Transaction history
│ │ └── leaderboard/route.ts # User rankings
│ ├── admin/ # Admin dashboard
│ │ └── page.tsx # Real-time monitoring
│ ├── dashboard/ # User dashboard
│ │ └── page.tsx # Main user interface
│ ├── gambling/ # Gaming pages
│ │ └── page.tsx # Slot machine & dice
│ ├── lifelines/ # Lifelines system
│ │ └── page.tsx # Use lifelines
│ ├── history/ # Transaction history
│ │ └── page.tsx # User activity log
│ ├── leaderboard/ # Rankings
│ │ └── page.tsx # User leaderboard
│ ├── globals.css # Global styles
│ ├── layout.tsx # Root layout
│ └── page.tsx # Landing/login page
├── components/ # Reusable components
│ ├── ui/ # UI components
│ │ ├── button.tsx # Button component
│ │ ├── input.tsx # Input component
│ │ ├── select.tsx # Select component
│ │ ├── loading.tsx # Loading spinners
│ │ └── toast.tsx # Toast notifications
│ ├── authentication-card.tsx # Login/register form
│ └── error-boundary.tsx # Error handling
├── contexts/ # React contexts
│ └── AuthContext.tsx # Authentication state
├── lib/ # Utility libraries
│ ├── mongodb.ts # Database connection
│ ├── auth.ts # JWT & password utils
│ └── utils.ts # Helper functions
├── .env.local # Environment variables
├── .env.example # Environment template
├── next.config.js # Next.js configuration
├── tailwind.config.js # Tailwind CSS config
├── package.json # Dependencies
└── README.md # This file

Key Components:

Authentication System (contexts/AuthContext.tsx)

• JWT token management
• User session persistence
• Login/logout functionality
• Admin role detection

Database Layer (lib/mongodb.ts)

• MongoDB connection pooling
• Database operations
• Error handling

API Architecture (app/api/)

• RESTful endpoints
• JWT authentication middleware
• Admin authorization checks
• Input validation & sanitization

Gaming Engine (app/gambling/)

• Slot machine with configurable payouts
• Dice game with multiplier system
• Real-time point updates
• Animation system with Framer Motion

Admin Dashboard (app/admin/)

• Real-time activity monitoring
• User management interface
• System analytics
• Live data updates (3-second intervals)

UI Components (components/ui/)

• Consistent design system
• Accessible components
• Loading states
• Error boundaries
• Toast notifications

📊 Database Schema

Users Collection:

{_id: String,username: String,email: String,password: String(hashed),points: Number,isActive: Boolean,isAdmin: Boolean,lifelines: Array,history: Object,createdAt: Date,updatedAt: Date}

🤝 Contributing

1. Fork the repository
2. Create a feature branch
3. Make your changes
4. Test thoroughly
5. Submit a pull request

📄 License

This project is licensed proprietary software for Code In The Dark Event for Invente.

Built by Pranav 🥷