Auth Management System

An authentication and authorization system with role-based access control.
This project provides User and Admin functionalities with a clean UI and secure backend integration.

---

✨ Features

Register & Login with PostgreSQL

• Role-based access control:
  • User: view own account (read-only)
  • Admin: view, create, edit, and delete accounts
• Postman for API testing
• Figma for design
• Built with React Vite (frontend) and Express TypeScript (backend)

---

🛠 Tech Stack

• Frontend: React Vite, TailwindCSS, Toaster
• Backend: Express (TypeScript), PostgreSQL, JWT
• Tools: Postman, Figma

---

👥 Team Members

• azkahrtmi

  • Backend (Express + PostgreSQL)
  • Integration with frontend

• RezaPahlevi1

  • Full Figma design
  • Majority of frontend implementation

---

📂 Project Structure

.
├── backend/        # Express + TypeScript + PostgreSQL
├── frontend/       # React Vite + Tailwind
└── README.md

---

⚙️ Setup & Installation

Prerequisites

• Node.js (v18+)
• PostgreSQL installed and running

Backend

cd backend
npm install
npm run dev

Frontend

cd frontend
npm install
npm run dev

Database

• Create a PostgreSQL database
• Update DB credentials in backend config

🔑 Usage

• Register as user or admin
• Login with your credentials
• Access is based on role:
  • User → view personal account only
  • Admin → manage all accounts (CRUD)

---

📸 Screenshots

• Design Figma

---

📡 API Endpoints

Method	Endpoint	Description
POST	/auth/register	Register new user
POST	/auth/login	Login (user/admin)
GET	/admin/users	Admin: view all users
POST	/admin/users	Admin: create user
POST	/admin/create-admin	Admin: create admin
PUT	/admin/users/{id}	Admin: edit user
DELETE	/admin/users/{id}	Admin: delete user