Ratify

🌐 Live Demo  |  📁 UI Showcase (PDF)  | 📡Backend Repository

Ratify is a dynamic technical skills evaluation platform built with React.js and Tailwind CSS, powered by a robust backend. It offers a secure and user-friendly environment for verifying, assessing, and managing professional skills through a structured, multi-step certification process.

🎓 Developed as a graduation project to demonstrate full-stack development, user experience design, and modern web technologies.

---

✨ Key Features

• 🔐 User Authentication with role-based access
• 📝 Skill Assessments via Exams, Tasks, and Interviews
• 📂 Credential Uploads and Management
• 🧑‍💼 Role-based Dashboards for Admins, Examiners, and Applicants
• 📊 Real-time Scoring & Analytics
• 🌙 Dark Mode Support and full mobile responsiveness

---

🛠️ Technology Stack

Frontend:

• React.js — Component-based UI
• Tailwind CSS — Utility-first styling
• Vite — Fast build tool for modern web development
• React Router — SPA routing and navigation
• React Query — Efficient and declarative data fetching, caching, and synchronization with backend APIs
• React Hook Form + Zod — Lightweight form handling with schema-based validation for robust and scalable forms
• Framer Motion — Smooth animations and UI transitions
• Lottie Files — High-quality vector animations
• Shadcn/ui — Accessible, stylish UI components
• Lazy Loading — Optimized performance with dynamic imports
• Axios + Axios Instance — Consistent and scalable API requests

Backend:

• Skill-Assessment-Platform (GitHub)

---

🔍 Project Structure

src/
├── assets/          # Static assets (images, icons, etc.)
├── components/      # Reusable UI components
├── pages/           # Application pages and layouts
├── hooks/           # Custom React hooks
├── utils/           # Helper functions and utilities
├── App.jsx          # Main application wrapper
├── main.jsx         # Entry point
└── index.css        # Global Tailwind styles

---

👥 Supported User Roles

• 👤 Administrators – manage users, tracks, and assessments
• 👥 Senior Examiners – oversee examiners and review results
• 🧑‍🏫 Examiners – create and grade assessments
• 🙋 Applicants – take assessments and track progress

---

📸 UI Preview

📁 View Full UI Showcase (PDF) 🚀 Launch Live Demo

---

🏆 Final Grade

Below is the official evaluation grade received for the graduation project:

وَكَانَ فَضْلُ اللَّهِ عَلَيْكَ عَظِيمًا

وَآخِرُ دَعْوَاهُمْ أَنِ ٱلْـحَمْدُ لِلَّهِ رَبِّ ٱلْعَٰلَمِينَ 🌿