This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Project Structure

The main source code is organized as follows:

src/
├── app
│   ├── Admin
│   │   ├── page2.tsx
│   │   ├── page.tsx
│   │   └── Users
│   │       └── page.tsx
│   ├── Auth
│   │   ├── Login
│   │   │   └── page.tsx
│   │   └── Register
│   │       └── page.tsx
│   ├── favicon.ico
│   ├── globals.css
│   ├── layout.tsx
│   ├── page.tsx
│   └── User
│       └── page.tsx
├── components
│   ├── AdminHeader.tsx
│   ├── Header.tsx
│   ├── MatrixBackground.tsx
│   └── ProtectedRoute.tsx
└── contexts
		└── AuthContext.tsx

Key Directories & Files

• app/: Main application pages and layouts.
  • Admin/: Admin dashboard and user management pages.
  • Auth/: Authentication pages for login and registration.
  • User/: User-specific pages.
  • globals.css, layout.tsx, page.tsx: Global styles and root layout/page.
• components/: Reusable UI components (headers, backgrounds, protected route logic).
• contexts/: React context providers (e.g., authentication context).

Refer to the file tree above for the full structure. Update this README as the project evolves.