https://github.com/robertalc1/complaint-management-system
End-to-end full-stack web app for complaint tracking. Built with React (Vite), Node.js, MySQL, Tailwind CSS, JWT auth, and PDF export.
https://github.com/robertalc1/complaint-management-system
authentication express-js full-stack jwt-authentication mysql nodejs react tailwindcss vite
Last synced: 3 months ago
JSON representation
End-to-end full-stack web app for complaint tracking. Built with React (Vite), Node.js, MySQL, Tailwind CSS, JWT auth, and PDF export.
- Host: GitHub
- URL: https://github.com/robertalc1/complaint-management-system
- Owner: robertalc1
- Created: 2025-04-11T16:10:48.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-11T17:21:40.000Z (about 1 year ago)
- Last Synced: 2025-04-11T17:28:31.282Z (about 1 year ago)
- Topics: authentication, express-js, full-stack, jwt-authentication, mysql, nodejs, react, tailwindcss, vite
- Language: JavaScript
- Homepage:
- Size: 75.2 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Complaint Management System – Full-Stack Web App
> A production-style web application built from scratch for structured complaint tracking and management.
> Designed with scalability, security, and real-world user flows in mind.
---
## Tech Stack
**Frontend:**
React.js (Vite) · JavaScript · Tailwind CSS · Session Storage · PDF Export · Form Validation
**Backend:**
Node.js · Express.js · MySQL · JWT Auth · bcrypt · REST API · Modular Routing
---
## Features
- JWT-based Authentication (secure login/logout)
- Complaint Management (create, edit, delete, view)
- PDF Report Export (auto-generated formatted reports)
- Admin Dashboard (filter, manage, control)
- Responsive UI (Tailwind CSS, mobile-ready)
- Reusable Components (clean and scalable structure)
- Modular Backend Architecture (routes/controllers)
- Front & Backend Validation
---
## ⚡ How I Run This Project
```bash
# Frontend (React)
npm run dev
→ http://localhost:5173
# Backend (Node.js + Express)
node server.js
→ http://localhost:5000
```
## 📂 Project Structure – Complaint Management System
```
├── backend/
│ └── server.js # Express server & routing logic
├── docs/ # Documentație și capturi de ecran
│ ├── Adauga Contestatie.png
│ ├── Adauga Membru Aditional.png
│ ├── Cautare Contestatii.png
│ ├── Dashboard.png
│ ├── Login.png
│ ├── Register.png
│ ├── Stergere Contestatie.png
│ └── Validare Adaugare Contestatie.png
├── frontend/
│ └── src/
│ ├── components/ # Componente UI reutilizabile
│ │ ├── Footer.jsx
│ │ ├── Header.jsx
│ │ ├── Layout.jsx
│ │ └── Sidebar.jsx
│ │
│ ├── forms/ # Formulare și funcționalități business
│ │ ├── ComplaintForm.jsx
│ │ ├── EditComplaintForm.jsx
│ │ ├── FilterComplaintFormFixed.jsx
│ │ ├── LocationPreselectionForm.jsx
│ │ └── ReportGenerator.jsx
│ │
│ ├── pages/ # Pagini principale
│ │ ├── Dashboard.jsx
│ │ ├── Login.jsx
│ │ └── Register.jsx
│ │
│ ├── App.jsx # Componenta principală
│ ├── main.jsx # Punctul de intrare în React
│ └── index.css # Stiluri globale
├── LICENSE.txt # Licență personalizată (privat, doar vizualizare)
└── README.md # Documentație principală
```
## Author
**Alcaziu Robert**
🔗 [Portfolio](https://alcaziurobert.ro) • [LinkedIn](https://linkedin.com/in/alcaziurobert) • [GitHub](https://github.com/robertalc1)
> 💬 “I build to learn. I ship to grow. And I write clean code that works.”